jQueryにおけるtoggle()関数の使用について

720 ワード

今日は面白い例に出会って、それを記録します.
1つの1級メニューで、中には2級メニューがあり、2級メニューはアンカーポイントでページ要素をリンクしています.実現したい効果は、アンカーをクリックすると、ページが対応するアンカーにリンクされ、2次メニューが非表示になり、1次メニューをクリックすると、実行が続行されます.
その中で多くの方法を試してもだめで、最後にjqueryのtoggle関数を読むことで実現しました.
        //     
$(".nav").toggle(function(){
$(".content").slideToggle();
});
//
$(".nav").toggle(function(){
$(".content").slideDown();
},function(){
$(".content").slideUp();
});
//
$(".nav").click(function(){
$(".content").toggle("slow");
});