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

Question

有很多关于slideUp / slideDown跳转的帖子，most helpful of which指向Remy Sharp's post。但是，如果要隐藏的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");

    }

});


});  

如果我使用雷米的修复（我已尝试过），它首先会完美运行。但是，在响应式网站中，如果手动调整浏览器大小，则每个<p>的高度会发生变化。然后每个

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