javascript - jQueryでブラインド

Question

display:none モードで DIV を閉じるブラインド関数を作成しようとしています。目に見えない DIV は、ブラインド トリガーを含む、より広い DIV 内にあります。

これ：

$(document).ready(function () {
    $("#toggle_blind").click(function () {
        $(this).toggle("fast");
    });
});

さて、これはボタンをブラインドします。$this に DIV を追加するにはどうすればよいですか? 何かのようなもの：

<div id="blind" class="wider_div">
   <h3 id="closeButton">Close</h3>
   <div style="display:none;" id="closeThis">
       <p>some text</p>
   </div>
</div>

H3 の閉じるボタンを作成して、クリックするたびに CloseButton DIV を閉じたり開いたりするにはどうすればよいですか?

ありがとうございました！

Answer 1

div は h3 の次の兄弟であるため、.next() を使用できます

例えば

$('#closeButton').click( function(){
  $(this).next().toggle();
});

Answer 2

div を直接参照します。div と h3 の間に何か他のものを入れることができます。

$(document).ready(function()
{
    $("#closeButton").click(function()
    {
        $("#closeThis").toggle("fast");
    });
});