2

关于slideUp/slideDown 跳转的帖子有很多，其中最有帮助的是Remy Sharp 的帖子。但是，这仅解决了要隐藏的 div 的高度没有改变的情况。

假设 html 看起来像：

<h3>Title</h3>
  <p>Content</p>
<h3>Title</h3>
  <p>Content</p>
<h3>Title</h3>
  <p>Content</p>

jquery 看起来像这样：

$(document).ready(function(){
    var $listing = $('p');
    var $listingTitle = $('h3')


$listing.addClass('hide');


$listingTitle.click(function(){

    if ($(this).next("p").hasClass("active-listing") === true) {
      $listing.slideUp(500).removeClass("active-listing");
    } else {


$listing.slideUp(500).removeClass("active-listing");
  $(this).next("p").slideDown(500).addClass("active-listing");

    }

});


});

如果我要使用 Remy 的修复程序（我已经尝试过），它一开始效果很好。<p>但是在响应式站点中，如果手动调整浏览器大小，每个高度都会发生变化。然后每个的新长度

是不同的，可能会导致主要的间距问题。有没有办法在不向 div 添加特定宽度或查询高度的情况下摆脱跳跃问题？

4

0 回答 0