jQuery toggle mehrere Divs in anderen divs unabhängig

Question

Ich habe durch die verwandten Fragen überprüft, aber ich habe nicht die richtige Kombination von Dingen gefunden, um diese Arbeit zu machen.

Ich versuche, ein div in einem anderen div zu verstecken/zeigen. Es gibt 20 solcher Wrapper Divs pro Seite.

<div class="wrapper"> 
    <div class="date"></div> 
    <div class="subject"></div> 
    <div class="who"></div> 
    <div class="body"></div> 
</div> 

Ich versuche, das class = "body" div zu zeigen, das eingestellt ist: none; in CSS.

Ich habe versucht, die jQuery toggle(), toggleClass() -Funktionen mit keinem Erfolg.

Hier ist, was ich bisher habe.

$('.wrapper').click(function() { 
    $('.body').toggle(); 
}); 

Ich weiß, es ist ein sehr kleines Stück Code, leider habe ich gerade erst begonnen jQuery zu lernen und weiß nicht, wie von diesem gehen.

Answer 1

Haben Sie versucht, es in der onready Funktion setzen. Wie so:

$(function() { 
    $('.wrapper').click(function() { 
    $('.body').toggle(); 
    }); 
}); 

es in dieser Funktion Putting sorgt dafür, es wird ausgeführt, nachdem das Dokument vollständig geladen ist ... sonst wird es versuchen, den Click-Handler auf ein Element zu befestigen, die noch nicht geladen ist (und deshalb existiert nicht).

Answer 2

Ich denke, Sie müssen auswählen, was Sie von einer anderen Klasse ausschalten möchten, wenn Sie es wieder ausblenden möchten. Schalten Sie die body Klasse wird es aus der div Sau entfernen, wenn Sie erneut auf die wrapper klicken, wird es nicht auswählbar sein.

<div class="wrapper"> 
    W 
    <div class="date">d</div> 
    <div class="subject">s</div> 
    <div class="who">w</div> 
    <div class="body isbody">b</div> 
</div> 

Und das javascript:

$('.wrapper').click(function() { 
    $(this).children('.isbody').toggleClass('body'); 
}); 

http://jsfiddle.net/vuBNd/

Answer 3

Überprüfen Sie meine JSFiddle (http://jsfiddle.net/XGsVE/3/). Dieser Code schaltet das BODY div des angeklickten WRAPPERS um. Das Weglassen der $(this) Ursachen alle Körper divs zu wechseln, trotz der Wrapper sie sind.

$('.wrapper').click(function() { 
    $(this).find('div.body').toggle(); 
});