Переключить элементы вне раздела

Question

Под элементами работает вторая кнопка скрытия.если я положил div на кнопку, это не работает.Можно ли сделать это без указания идентификатора?

JavaScript

$(document).ready(function(){
$(".toggle").click(function() 
{  
// hides matched elements if shown, shows if hidden 
$(".content", $(this).next()).toggle(); 
});   
});

HTML

<div>
<input class="toggle" type='button' value='hide'>
</div>
<div>
<div class="content">
Content 1
</div>
</div>
<br><br>
<input class="toggle" type='button' value='hide'>
<div>
<div class="content">
Content 2
</div>
</div>

Answer 1

Попробуйте это

$(document).ready(function(){
$(".toggle").click(function() 
{  
// hides matched elements if shown, shows if hidden 
      $(this).parent().next("div.content").toggle(); 
});   
});

Answer 2

$(document).ready(function() {
    $(".toggle").click(function() {  
        // hides matched elements if shown, shows if hidden 
        $(this).parents().find(".content").toggle(); 
    });   
});

Я попробовал выше, это также работает для меня, когда я поставил основной div для содержимого div

Answer 3

Я думаю, это то, что вы имеете в виду:

$(".toggle").click(function() {
    $(this).parent().next().find(".content").toggle();
});

// или

$(".toggle").click(function() {
    $(".content", $(this).parent().next()).toggle();
});

Другими словами, вам нужно пройти вверх на один уровень, прежде чем получить следующий div, используя .next().

Демо: http://jsfiddle.net/HX6Kv/