Javascript 从相同的DIV类使用JQUERY slideToggle
我一直在搜索这个网站的解决方案,但我看不到它。我从同一个DIV类ID切换到slideToggle有问题Javascript 从相同的DIV类使用JQUERY slideToggle,javascript,jquery,html,dom,slidetoggle,Javascript,Jquery,Html,Dom,Slidetoggle,我一直在搜索这个网站的解决方案,但我看不到它。我从同一个DIV类ID切换到slideToggle有问题 <script> $(document).ready(function(){ $("div.yeah").click(function(){ $(this).next('ul').slideToggle(); }); }); $(文档).ready(函数(){ $(“div.yeah”)。单击(函数(){ $(this).next('ul').slideToggl
<script>
$(document).ready(function(){
$("div.yeah").click(function(){
$(this).next('ul').slideToggle();
});
});
$(文档).ready(函数(){
$(“div.yeah”)。单击(函数(){
$(this).next('ul').slideToggle();
});
});
我的代码不起作用
- 一个
- 两个
- 三
- 一个
- 两个
- 三
- 一个
- 两个
- 三
如何在不更改HTML的情况下分别切换其中的每一项,只有jquery才允许更改。
ul
节点位于div
节点内,而不是其旁边:
$("div.yeah").click(function(){
$(this).find('ul').slideToggle();
});
next()
希望搜索同级,因此相同级别:
相反,您可以:
$(this).find('ul').slideToggle();
因为find
将查看div的内部
另外,您应该首先关闭您的
,因为您的DOM代码是错误的(ul没有关闭标记)
其次,我假设您需要访问div中的ul,child('ul'),而不是next('ul'),因为ul是一个子元素,并且它们不在同一级别上。谢谢您,先生,对不起,我忘了在这里关闭它,但是原始html ul标记已与提问者关闭,您应该选择答案作为对回答者的尊重;)
$(this).find('ul').slideToggle();