jQuery - Mehrere Divs auf und zuklappen

[Jnnbo]

Moin,

ich habe gerade den totalen hänger, ich habe mehrere Überschriften die dynamisch aus der Datenbank kommen. Ein DIV ein und ausblenden ist kein Problem

$(document).ready(function(){
    $("#klick").click(function(){
        $("#inhalt").slideToggle("slow");
    });
});

<div id="klick">Zeige Inhalt</div>
<div id="inhalt">Hello world!</div>

Wie mache ich es aber, wenn ich mehrere habe? Muss ich mein JS Code oben dynamisch ständig erweitern? Bei 100 Einträge, habe ich dann 100 jQuery Befehle im Quellcode stehen?

[quincunx]

denke das lässt sich mittel .toggleClass() lösen.

gr qx

[Jnnbo]

Hallo,

ok, so sollte es gehen

$(document).ready(function(){
	$(".klick").click(function(){
        $(this).next(".inhalt").slideToggle("fast"); // blendet beim Klick auf "dt" die nächste "dd" ein.
    });
});

<div class="klick">Zeige Inhalt</div>
<div class="inhalt">Hello world!</div>

<div class="klick">Zeige Inhalt</div>
<div class="inhalt">Hello world!</div>

.inhalt, .klick {
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
}

.inhalt {
    padding: 50px;
    display: none;
}