2016-12-24 82 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); 
    }); 
}); 
相關問題