是否可以修复响应宽度的slideUp/slideDown jquery跳转问题

有很多关于slideUp/slideDown跳转的帖子，指向。但是，这仅在要隐藏的div的高度不变的情况下解决

假设html看起来像：

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

---

如果我使用雷米的修复方法（我已经尝试过），它一开始就非常有效。但是，在响应性强的站点中，如果手动调整浏览器的大小，每个

的高度都会发生变化。然后，每个的新长度不同，可能会导致重大间距问题。有没有一种方法可以在不向div添加特定宽度或查询高度的情况下消除跳跃问题

您可能无法使用它，但我可以通过使用

float:left

和

width:100%

来避免跳跃@motoxer4533我看到它在小提琴中工作——可能是因为在整个站点上，它实际上嵌套在其他div中，宽度为%。这个解决方案对我不起作用。不确定，只是试了一下，还是有点神经质。

$(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");

    }

});


});