[TYPO3-german] OT jQuery: Nach .hide() zeigt .show() keinen Inhalt mehr an

[Johannes C. Laxander]

Hallo,

 

der Betreff beschreibt das Problem schon ziemlich genau. Gibt es dafür
irgend einen Grund?

 

Vereinfachte HTML Struktur:

 

<div class="slider panel1">

    <img ...>

    <img ...>

    <img ...>

</div>

<div class="slider panel2">

    <img ...>

    <img ...>

    <img ...>

</div>

 

CSS Code:

 

slider { display: block;}

 

JavaScript Code:

 

$("div[class*='slider']").hide();

$("div[class*='slider']:first").show();

 

/* Sichtbarkeit wechseln */

$("div[class*='slider']").hide();

$("div[class*='panel2']").show();

 

Wenn ich nun mit JS über die Console im Chrome die Sichtbarkeit der beiden
Panels wechseln möchte wird zwar 'panel1' nicht mehr angezeigt, 'panel2'
aber auch nicht (hat allerdings eine unbekannte Höhe).

 

Eigenartig ist, dass, wenn ich ALLE vier Befehle über die Console im Chrome
ausführe, das Problem nicht auftritt.

 

Gibt es dafür irgend eine Erklärung, oder noch besser eine Lösung!??

 

Johannes.