modo più semplice per mostrare/nascondere la div che condivide le classi con gli altri div utilizzando jQuery

Question

dire il mio codice più o meno così:

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

con l'essere css:

.content { display:none; } 

ma quando scatto una delle il .click, mi piacerebbe solo lo .content sotto di esso per mostrare. qual è il modo più semplice e più semplice per farlo utilizzando jquery? Grazie in anticipo.

Answer 1

Basta legano evento click e utilizzare qualsiasi metodo trasversale rilevante, ad esempio:

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

Ora il modo più semplice sarebbe quella di avvolgere tutti gli elementi specifici rilevanti all'interno di un elemento comune contenitore/involucro, e quindi utilizzare:

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