jQuery SlideToggle 向父级
我有一个包含 5 个
slideToggle() 在您单击标题时显示该段落。但是，当您第二次单击标题时，slideToggle() 会隐藏该段落，但会在
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>
I've got a <ul> with 5 <li> items. Each list item has a headline and a paragraph. I'm using slideToggle() to display the paragraph when you click the headline.
But, when you click the headline a second time the slideToggle() hides the paragraph but adds some white space to the <li>. The more I click the headline to toggle the paragraph, the more white space appears.
The jQuery:
$(document).ready(function(){
$('#content ul li h3').click(function(){
$(this).next('p').slideToggle('fast');
})
});
My CSS:
#content ul li p {
display:none;
}
My HTML:
<div id="content">
<ul class="faq">
<li>
<h3>Headline</h3>
<p>Paragraph Text<br>More text...</p>
</li>
</ul>
</div>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
麻烦来了。
在我的全局样式表中，我有
.faq li { display:inline; 一旦我删除了这个，一切就都正常工作了。
Here was the trouble..
In my Global style sheet I had
.faq li { display:inline; }Once I removed this everything worked exactly as it should.