2016-12-24 10 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( "LI")は'行うには何を想定していますか? [.slideToggle()Documentation](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); 
    }); 
}); 
関連する問題