cách đơn giản nhất để hiển thị/ẩn div có chung lớp với divs khác sử dụng jquery

Question

nói mã của tôi đi một cái gì đó như:

<div class="click">click</div> 
<div class="something">sth</div> 
<div class="container"><div class="content">content 01</div></div> 
<div class="click">click</div> 
<div class="something">sth</div> 
<div class="container"><div class="content">content 02</div></div> 

với css phúc:

.content { display:none; } 

nhưng khi tôi nhấp vào một trong số .click, tôi chỉ muốn hiển thị số .content bên dưới. cách dễ nhất, đơn giản nhất để làm điều đó bằng cách sử dụng jquery là gì? cảm ơn trước.

Answer 1

sự kiện Chỉ cần nhấp chuột ràng buộc và sử dụng bất kỳ phương pháp ngang có liên quan, ví dụ:

$('.click').on('click', function(){   
    $(this).nextAll('.container').first().children('.content').show(); 
}); 

Bây giờ là cách dễ nhất sẽ được để bọc tất cả các yếu tố cụ thể có liên quan bên trong một yếu tố container common/wrapper, và sau đó sử dụng:

$(this).closest('.wrapper').find('.content').show();