标记:
<div>
<h3 class = "trigger">Heading 1</h3>
<ul class = "toggle">
<li>Line One</li>
<li>Line Two</li>
<li>Line Three</li>
</ul>
</div>
<div>
<h3 class = "trigger">Heading 2</h3>
<ul class = "toggle">
<li>Line One</li>
<li>Line Two</li>
<li>Line Three</li>
</ul>
</div>
和 JQuery:
$(".toggle").slideUp();
$(".trigger").click(function(){
$(".toggle").slideToggle("slow");
});
我希望能够切换这些 <ul>
独立。目前,当<h3>
标题被点击两个 div 切换...
最佳答案
解决方法很简单:
$(".toggle").slideUp();
$(".trigger").click(function(){
$(this).next(".toggle").slideToggle("slow");
});
关于javascript - Jquery: slideToggle() 多个 div 独立使用一个函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5768248/