我需要使用slidetoggle所有元素
问题描述:
<script>
$(document).ready(function(){
$("li.start").next().slidetoggle("li");
});
</script>
</head>
<body>
<div style="width:500px;" class="siblings">
<ul>ul (parent)
<li class="start">li (sibling with class name "start")</li>
<li>li (the next sibling of li with class name "start")</li>
</ul>
<ul>ul (parent)
<li class="start">li (sibling with class name "start")</li>
<li>li (the next sibling of li with class name "start")</li>
</ul>
</div>
此代码不起作用。我需要使用滑动切换为所有具有亲子关系的元素我需要使用slidetoggle所有元素
答
我现在已经意识到我错过了this
。现在起作用了。
我已经改变了:
$(document).ready(function(){
$("li.start").next().slidetoggle("li");
});
到:
$(document).ready(function(){
$(".parent").click(function(){
$(this).next('li').slideToggle(250);
});
});
是什么'.slidetoggle( “礼”)'该怎么办?请查看[.slideToggle()文档](http://api.jquery.com/slidetoggle/)。您可以将动画的持续时间作为参数和可选的回调函数传递给它。所以你可以使用'.slidetoggle(“slow”)'''.slidetoggle(“fast”)'或'.slidetoggle(400)'(这是400毫秒) – EhsanT
毫秒不是一个问题兄弟...检查出答案..它仍然适用于slidetoggle(250)... –
你为什么发布不同的答案?你知道答案部分用于什么吗?也因为JavaScript是区分大小写的,所以'.slidetoggle();'是错误的,你必须使用'.slideToggle();'在你的答案中(** T **应该是大写)。 [工作小提琴](https://jsfiddle.net/ehsant/ca1kg7g7/) – EhsanT