jQuery slideToggle为父<li> </li>添加了神秘的边距

Question

我有<ul>个<li>个项目。每个列表项都有标题和段落。当您点击标题时，我正在使用slideToggle()来显示段落。

但是，当您第二次点击标题时，slideToggle()会隐藏段落，但会为<li>添加一些空格。单击标题以切换段落越多，出现的空格就越多。

jQuery：

$(document).ready(function(){
        $('#content ul li h3').click(function(){
            $(this).next('p').slideToggle('fast');
        }) 
    });

我的CSS：

#content ul li p {
            display:none;
        }

我的HTML：

<div id="content"> 
  <ul class="faq">
        <li>
            <h3>Headline</h3>
            <p>Paragraph Text<br>More text...</p>
        </li>
  </ul>
</div>

Answer 1

这是麻烦......

在我的全球样式表中，我有.faq li { display:inline; }

一旦我删除了这一切，一切都完全正常。