2016-12-24 81 views
-2
<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所有元素

+0

是什么'.slidetoggle( “礼”)'该怎么办?请查看[.slideToggle()文档](http://api.jquery.com/slidetoggle/)。您可以将动画的持续时间作为参数和可选的回调函数传递给它。所以你可以使用'.slidetoggle(“slow”)'''.slidetoggle(“fast”)'或'.slidetoggle(400)'(这是400毫秒) – EhsanT

+0

毫秒不是一个问题兄弟...检查出答案..它仍然适用于slidetoggle(250)... –

+0

你为什么发布不同的答案?你知道答案部分用于什么吗?也因为JavaScript是区分大小写的,所以'.slidetoggle();'是错误的,你必须使用'.slideToggle();'在你的答案中(** T **应该是大写)。 [工作小提琴](https://jsfiddle.net/ehsant/ca1kg7g7/) – EhsanT

回答

0

我现在已经意识到我错过了this。现在起作用了。

我已经改变了:

$(document).ready(function(){ 
    $("li.start").next().slidetoggle("li"); 
}); 

到:

$(document).ready(function(){ 
    $(".parent").click(function(){ 
    $(this).next('li').slideToggle(250); 
    }); 
}); 
相关问题