/छिपाने div

Question

कहना मेरी कोड चला जाता है कुछ की तरह:

<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> 

सीएसएस किया जा रहा है साथ

:

.content { display:none; } 

लेकिन जब मैं से एक पर क्लिक .click, मुझे यह दिखाने के लिए नीचे .content पसंद आएगा। jquery का उपयोग करके ऐसा करने का सबसे आसान, सबसे आसान तरीका क्या है? अग्रिम में धन्यवाद।

Answer 1

बस बाँध क्लिक करें घटना और किसी भी प्रासंगिक अनुप्रस्थ विधि का उपयोग करें, जैसे:

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

अब सबसे आसान तरीका है एक आम कंटेनर/आवरण तत्व के अंदर सभी प्रासंगिक विशिष्ट तत्वों लपेट, और फिर उपयोग करने के लिए होगा:

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