jquryは1つのメニューをクリックして、他の展開のサブメニューを隠すことを実現します

1709 ワード

jquryは1つのメニューをクリックし、もう1つの展開のサブメニューを非表示にすることを実現します.
1,jquryをロードする.jsから対応するページへ
    2. css一波歩く

3.bodyを歩く

		
	

4.上記の3つのステップを完了すると、少年は成功まで1%あり、最も重要なjsコードを追加します.

$(function(){
var dv=$(".menu div");
dv.click(function(){
var die=$(this);
if(die.next("ul").is(":hidden")){
       $("ul").hide(1000);
   die.next("ul").show(1000);
   }else{
die.next("ul").hide(1000);
}
})
})

自分のプロジェクトに適用して、script部分を試験して、jsコードの中に入って、こちらはscriptコードの中のnexがjquryの中の遍歴知識であることに注意して、こちらは同胞の中の次のラベルで、あなたはulli構造を使って、子孫のコードを使って、w 3に行って相応の知識を探して勉強することができます.