0

リストを表示する基本的なjqueryアコーディオンがあります。現在のシナリオでは、ボタンをクリックすると一部のコンテンツが非表示になり、ボタンを再度クリックすると再び表示されるようになります。例えば。

1) Title 1
2) Title 2
3) Title 3
4) Title 4

<input type='button' value='show/hide'>

ユーザーがボタンをクリックすると、タイトル 2 が非表示になり、表示されるようにします。

利用した

document.getElementById("sec2").style.display == "block"

そうすることで、アコーディオンが隠れて見えるようになりますが、構造は損なわれます。つまり、「タイトル 2」が開いていると表示されますが、閉じたままにしたいのです。

標準の Jquery アコーディアンです。

<div id="accordion">
  <h3 id='sec1'>Section 1</h3>
  <div id='div1'>
    <p>
    Title 1.
    </p>
  </div>
  <h3 id='sec2'>Section 2</h3>
  <div id='div2'>
    <p>
     Title .
    </p>
  </div>
</div>
4

4 に答える 4

0

1.9.xtoggleより前の jquery で使用できます:デモを参照してください

$("#btnToggle").toggle(function(){
    $("#div2>p").hide();
}, function(){
    $("#div2>p").show();
});
于 2013-04-24T14:33:53.077 に答える