Carrear
Erfahrenes Mitglied
Hi meine Lieben,
wie der titel schon sagt habe ich im IE 7 (und aktuell nur da) ein Problem mit einem slideToggle in jQuery.
Der Ganze Container wird wie gewollt auf un zu gefahren. Am Anfang ist er ja nicht sichtbar. Wenn er auftogglet, dann verschiebt sich zwar alles richtig und der Inhalt erscheint, ABER das Hintergrundbild, welches ich im CSS deklariert habe wird nicht angezeigt. Der Hintergrund bleibt also transparent.
Erst wenn ich den Container wieder schließe, zeigt er plötzlich das Hintergrundbild an, was dann ja nicht mehr allzuviel bringt ^^ Der Code dazu:
wie der titel schon sagt habe ich im IE 7 (und aktuell nur da) ein Problem mit einem slideToggle in jQuery.
Der Ganze Container wird wie gewollt auf un zu gefahren. Am Anfang ist er ja nicht sichtbar. Wenn er auftogglet, dann verschiebt sich zwar alles richtig und der Inhalt erscheint, ABER das Hintergrundbild, welches ich im CSS deklariert habe wird nicht angezeigt. Der Hintergrund bleibt also transparent.
Erst wenn ich den Container wieder schließe, zeigt er plötzlich das Hintergrundbild an, was dann ja nicht mehr allzuviel bringt ^^ Der Code dazu:
Code:
$('nav.support').click(function() {
$('section.support > section').slideToggle("middle");
});
HTML:
<section class="support">
<section>
<article>
Inhalt der getogglet wird!
</article>
</section>
<nav class="support">Navigation zum auf und zuklappen</nav>
<p class="clear"> </p>
</section>
Code:
section.support {
position: relative;
left: 0px;
height:1px;
width:592px;
top: 0px;
z-index: 600;
}
section.support section{
position: relative;
background: #004f7c url('../images/unterstuetzerbox_blauverlauf_bg.png') repeat-x;
height:332px;
display: none;
z-index: 601;
}
section.support nav.support {
position: relative;
width: 179px;
height: 60px;
float: right;
background: url('../images/unterstuetzer_button_gross_oben.png') no-repeat;
z-index: 602;
}