2015-10-31 20 views
5

kodum gider demek gibi bir şey: css varlık ilebasit yolu

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

ama birini tıkladığınızda .click, sadece .content göstermesini istiyorum. jquery kullanarak bunu yapmanın en kolay, en basit yolu nedir? şimdiden teşekkürler.

cevap

3

Sadece bağlama tıklama etkinlik ve ilgili enine yöntemini kullanın mesela:

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

Şimdi en kolay yolu kullanmak ardından ortak bir konteyner/sarıcı eleman içindeki tüm ilgili belirli öğeleri sarmak ve olacaktır:

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

Eminim bu 'aradığım cevap, bu yüzden teşekkür ederim! Ancak, bu soruyu sorabilmek için '' belgesine hangi belgeyi koymam gerekiyor? – Ana

+0

@Ana jQuery'de bir kez kafa bölümünün ayarlanması gerekiyor: ' 'CMS'yi, hazır readyTemeldeğiştirme değiştirgesinde global olarak' $ 'referans olarak kaldırma gibi bir sözcük olarak CMS'yi kullanmanız durumunda explecitely' $ ''ı hazır olayıma iletiyorum. "Hazır (handler)" ile ilgili dökümanı hazırlayın: '' 'hazır '' shorthand: https://api.jquery.com/ready/ DOM hazır olduktan sonra' .click' elemanları eklenirse, delegasyonu kullanın: https://learn.jquery.com/events/event-delegation/ –

+0

Şu anda bunu jsfiddle üzerinde test ediyorum ve çalışmıyor (?). Hangi jQuery kitaplığını seçmeliyim? – Ana

İlgili konular