✔ jquery slideToggle

[mgraf]

Hallo,
ich dachte eigentlich das wäre einfach, aber ich sitze sicher scho 30min an diesem einzelnen Toogle.
Mein Problem ist er toggled zwar runter, aber dann sofort wieder rauf - was ja nicht so super ist...

Der Höhepunkt wäre auch, wenn er noch eine Klasse switchen würde, aber das trau ich mich grad gar nicht ;-)

// One way to initialize plugin code
$(document).ready(function() {
    $(".toggle").click(function() {
        $(this).next().slideToggle(600);
    });
});

<section class="box" id="tester">
  <h2 class="toggle">Box</h2>
  <article class="vcard">
    <div>tester</div>
  </article>
</section>

Kurz erklärt, bei klick auf h2.toggle soll er <article> Toggln und die Klasse von h2.toggle -> h2.down ändern

Danke für Eure Hilfe

lg
michi

 

[SonicBe@m]

Ich glaube JQuery hat das eine oder andere Problem mit unbekannten non w3c konformen tags.

Ersetze mal <section> durch <span>

und bezieh dich oben auf das h2.toggle statt nur auf .toogle

 

[CPoly]

Dein Code funktioniert bei mir ohne Problem (es wird nicht sofort wieder hoch geslided).

Die Klassen kannst du so togglen (steht auch innerhalb der "click"-Funktion).

$(this).toggleClass("toggle down");

Falls die Klassenänderung sich auch auf den gebundenen Klick-Handler auswirken soll, musst du ihn via "live" binden.

$(document).ready(function(){
	$(".toggle").live("click", function() {
		$(this).toggleClass("toggle down");
		$(this).next().slideToggle(600);
	});
});

Edit:

Ich glaube JQuery hat das eine oder andere Problem mit unbekannten non w3c konformen tags.

Man kann mit jQuery jedes XML parsen.

var xml = '<foo><bar lol="cat">Gib mich aus!</bar><bar lol="ig"></bar></foo>';
alert($(xml).find("bar[lol=cat]").text());

 

[SonicBe@m]

Ja das dachte ich mir auch
nur wieso funktioniert sein code im ie nicht?
Falls das Tag aber umbenannt wird geht es.

Wy that?

 

[CPoly]

Weil der IE es eben nicht kennt. Aber das hat mit jQuery nichts zu tun. Und ich mache dem IE auch keinen Vorwurf (was man sonst gerne machen kann), denn HTML 5 ist noch nicht verabschiedet und das kann auch noch dauern.

 

[mgraf]

Sry, funktioniert noch immer nicht, slided immer wieder zurück....

Ich habs grad nochmal mit ff 3.6.13 und ie9 versuch, gleiches Ergebnis...
Hier ein Link zum Testen
http://sandbox.fh-krems.ac.at/static/template/website_v2/

Und es liegt auch nicht an den HTML5 Tags, funktioniert auch nicht mit span/div...

lg
michi

 

[SonicBe@m]

CPoly eh hab ich das richtig verstanden das du ihm eine lösung gibst die nicht im ie geht?

mgrad hast du dich auch auf das h2.toogle bezogen?

 

[CPoly]

CPoly eh hab ich das richtig verstanden das du ihm eine lösung gibst die nicht im ie geht?

Wir sind hier im JavaScript Forum. Was er mit seinem Markup macht, spielt in dem Fall keine Rolle.



Die Lösung ist ganz einfach: Du hast zwei mal "js/script.js?v=1" eingebunden. Deshalb auch der doppelte Aufruf von "slideToggle".

 

[mgraf]

just so simple - Danke, wär mir auch gar nicht aufgefallen


lg
michi