I think i have done a right thing, I click the button and the paragraph doesn't appear. Can anyone help me why with my jQuery?
$('.open').on('click',function(event){ $(this).nextAll('.ranch').toggle(); }); 
4 Answers
There is no jquery plugin attached in your html. Please check console for error.
http://codepen.io/SESN/pen/WxxZOg
Here is your answer
$('.open').on('click',function(){ $(this).closest('.content').find('p.ranch').toggle(); }); 
1 Comment
Fiido93
Thank you this is what i'm looking for
Lets make this simple
$('.open').on('click',function(){ $('p.ranch').toggle(); }); hope this will work for you
1 Comment
Fiido93
if there many box like that .. if i click the button , all will effect, i want the effect 1 by 1 , if i use your suggestion 1 click all parent div will got the same effect.
you can also do like this, it works.
$(document).ready(function(){ $('.open').on('click',function(){ $('p.ranch').toggle(); }); 
Comments
.open is nested in another element, .nextAll() looks for siblings. You'll have to go one level further backwards for that to work.
Here's how I'd find the parent .content, that's just me though:
$('.open').on('click', function(event) { $(this).closest('.content').find('.ranch').toggle(); }); 
$(this).parent().prev().toggle();also add jQuery library in JSBIN