javascript - メニュー サブリンクのコンテンツを表示/非表示にし、次の新しいリンクをクリックするとコンテンツを閉じる

Question

私は解決策を探しています.IEでも機能する必要があります.コンテンツを非表示にしてから、メニュー項目の1つをクリックするとコンテンツが表示されます. ただし、ユーザーが次のリンクをクリックするまでコンテンツは非表示になりません...

Answer 1

このリンクを確認してください http://jsfiddle.net/varada/YLX9x/

そのために jquery hide() および show() 関数を使用できます。

非表示にするdivのidをhidden_​​div、メニュー項目をmenu_item、次のボタンをnext、

jquery.js をインポートし、次のように ready 関数を記述します。

$(document).ready(function() {

$('#menu_item').click(function() {
$('#hidden_div').show();
});

$('#next').click(function() {
$('#hidden_div').hide();
});


});

または、メニュー項目の次のリンクをクリックするまでコンテンツが表示されるようにする場合は、menu_class などのクラス名をメニュー項目に追加して、コードを記述します。

$('.menu_class').click(function() {
    $('#hidden_div').hide();
    });

それ以外の$('#next').click(function()

みたいなメニューがあれば

<ul>
<li class='menu_class'>item 1</li>
<li id='menu_item' >item 2</li>
<li class='menu_class'>item 3</li>
</ul>

そしてdiv

<div id='hidde_div' style='display:none'>
content
</div>

項目 2 をクリックすると、div が表示されます。項目 1 または項目 3 をクリックすると非表示になります。コードを使用していることを確認してください $('.menu_class').click(function() {