Hallo zusammen!
Da mir das jQuery Accordion Plugin zu vollgestopft mit Dingen ist, die ich nicht benötige, baue ich mir gerade mein eigenes.
Scheint ja eigentlich eine wirklich einfache Aufgabe zu sein, will aber nicht funktionieren. Hier mein Code:
Und zwar funktioniert das Schließen nicht. Wenn ich einen Div "akkordeon_box" öffne und wieder schließen will fährt der Container nach oben (slideUp) dann aber wieder nach unten (slideDown). Wieso reagiert überhaupt irgendwas wenn ich auf den Header klicke. Die Klasse akkordeon ist ja garnicht mehr gesetzt, sondern akkordeon_active.
Hoffe ihr könnt mir helfen.
Gruß Michael
Da mir das jQuery Accordion Plugin zu vollgestopft mit Dingen ist, die ich nicht benötige, baue ich mir gerade mein eigenes.
Scheint ja eigentlich eine wirklich einfache Aufgabe zu sein, will aber nicht funktionieren. Hier mein Code:
Code:
$(".akkordeon").click(function(){
var akk_id = this.id;
$(".akkordeon_active").removeClass("akkordeon_active").addClass("akkordeon");
$(this).removeClass("akkordeon").addClass("akkordeon_active");
$(".akkordeon_box").slideUp(300);
$("#box_"+akk_id).slideDown(300);
});
Code:
<div class="akkordeon_close">Schließen</div>
<div class="akkordeon" id="akk15">ewofe</div>
<div class="akkordeon_box" id="box_akk15">
wdwd
</div>
<div class="akkordeon" id="akk16">ewofe</div>
<div class="akkordeon_box" id="box_akk16">
wdwd
</div>
<div class="akkordeon" id="akk14">ewofe</div>
<div class="akkordeon_box" id="box_akk14">
wdwd
</div>
<div class="akkordeon" id="akk13">ewofe</div>
<div class="akkordeon_box" id="box_akk13">
wdwd
</div>
Und zwar funktioniert das Schließen nicht. Wenn ich einen Div "akkordeon_box" öffne und wieder schließen will fährt der Container nach oben (slideUp) dann aber wieder nach unten (slideDown). Wieso reagiert überhaupt irgendwas wenn ich auf den Header klicke. Die Klasse akkordeon ist ja garnicht mehr gesetzt, sondern akkordeon_active.
Hoffe ihr könnt mir helfen.
Gruß Michael