Jqueryを非表示にする

Question

私は正しいことをしたと思いますが、ボタンをクリックすると段落は表示されません。誰も私のjQueryでなぜ私を助けることができますか？

$('.open').on('click',function(event){ 
    $(this).nextAll('.ranch').toggle(); 
}); 

DEMO

Answer 1

あなたのhtmlに添付何jqueryのプラグインがありません。コンソールのエラーを確認してください。ここで

http://codepen.io/SESN/pen/WxxZOg

あなたの答え

$('.open').on('click',function(){ 
$(this).closest('.content').find('p.ranch').toggle(); 
}); 

Answer 2

あなたはまた、それは動作しますが、次のように行うことができ、これはあなた

Answer 3

のために動作します。このシンプルな

$('.open').on('click',function(){ 
    $('p.ranch').toggle(); 
}); 

希望を作ることができますです。

$(document).ready(function(){ 
    $('.open').on('click',function(){ 
$('p.ranch').toggle(); 
}); 

Answer 4

.open.nextAll()は兄弟を探し、別の要素にネストされています。あなたはそれを働かせるために、さらに一歩下に戻る必要があります。ここで

は私が親.contentを見つけるだろう方法です、それは私だけしかしです：

$('.open').on('click', function(event) { 
    $(this).closest('.content').find('.ranch').toggle(); 
});