JavaScript Problem mit jQuery

Hi!

Ich habe etwas HTML, welches wie folgt aufgebaut ist:

HTML:
          <div class="pulldown">
               <div class="headline"></div>
               <div class="content"></div>
          </div>

          <div class="pulldown">
               <div class="headline"></div>
               <div class="content"></div>
          </div>

          <div class="pulldown">
               <div class="headline"></div>
               <div class="content"></div>
          </div>

Das ist vorgegeben und ich kann es aktuell nicht ändern. In der Headline steht ein Wort bzw. ein Satz. Wenn man auf diesen klickt, soll content eingeblendet werden. Wie könnte ich das mit jQuery machen ?
 
Erst einen Ereignishandler auf die Headline-Klasse registrieren und innerhalb des Handlers dann das nachfolgende Element (also das content-div) per fadeToggle() ein- bzw. ausblenden lassen.

HTML:
$('.headline').on('click', function () {
    $(this).next().fadeToggle();
});
 
Zurück
Oben