Слепой с JQuery

Я пытаюсь написать слепую функцию, которая закрывала бы DIV на дисплее: ни один режим. Невидимый DIV находится внутри более широкого DIV, содержащего слепой триггер.

Это:

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

Ну, это ослепляет кнопку. Как я могу добавить DIV к $ this? Что-то вроде:

<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 при каждом нажатии?

Спасибо!

2 ответа

Решение

Div - следующий брат h3, поэтому вы можете использовать.next()

Например

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

Ссылка на div напрямую, вы можете поместить что-то еще между ним и h3.

$(document).ready(function()
{
    $("#closeButton").click(function()
    {
        $("#closeThis").toggle("fast");
    });
});
Другие вопросы по тегам