在使用jQuery的slideUp时,如何防止宽度改变?

或者要使其动态化,请尝试以下操作:

var contentWidth = $('.content').width();

$('.header').width(contentWidth);

如果指定包装的宽度,如果滑动切换包装的子包装,它的大小将保持不变。

.wrapper{
    width: 200px;
}

我不确定是否有更好/更通用的解决方案来解决这个问题。

visibility:hidden 然后 visibility:visible 显示信息。

display:none

none

visibility:hidden

可见性允许数据仍然存储在页面上的相应位置,但只是不可见。

试试这个,看看这对你的问题是否有帮助。

$('.wrapper').each(function() {
  var wrapper = this;
  $('.header', wrapper).click(function() {
    $(this).css('width',$(this).width());
    $('.content', wrapper).slideToggle();
  });
});​

但也许你可以这样做:

$('.wrapper').each(function() {
    var wrapper = this;
    $('.header', wrapper).click(function() {
        $('.content', wrapper).slideToggle('slow',function(){
            $('.content', wrapper).show();
            $('.content', wrapper).css('visibility','hidden');
            $('.content', wrapper).css('height','0px');
        });
    });
});