jQuery slideToggle向父级添加神秘边距

我有一张有5件物品的支票。每个列表项都有一个标题和一个段落。当你点击标题时，我使用幻灯片切换来显示段落

但是，当您再次单击标题时，幻灯片切换会隐藏段落，但会在标题中添加一些空白。我越是点击标题切换段落，出现的空白就越多

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>

麻烦来了

在我的全局样式表中有.faq li{display:inline；}

---

一旦我删除了它，一切都正常工作。

我看不到它：这是您的一段代码。我看不出你所描述的问题。在狩猎中，该死！在我的全局css文件中，我有display:inline；为李而设。这就是问题所在！我不知道我为什么不看那里。我必须补充一点，因为我在开玩笑。抱歉耽误了你的时间，现在只有两个选择。。。把你的解决方案作为答案贴出来，最好接受你自己的答案，或者干脆把这整件事都删掉。让这个问题保持悬而未决是最不利的。@Sparky672，好话！谢谢你告诉我这件事。答案是这样的，尽管它是站不住脚的。