Hallo...
Habe ein Slide Panel mit Hilfe von jquery umgesetzt, leider funktioniert der Effect im IE6 nur Fehlerhaft.
Fehlverhalten im IE6:
Nach dem schließen des Panels, springt es ungewollt nochmals kurz auf und schließt sich gleich wieder?!
Javascript Code:
HTML Code:
Hat evtl. schon jemand Erfahrung mit dieser Funktion(Fehlverahlten) gemacht?
Gruß zenten
Habe ein Slide Panel mit Hilfe von jquery umgesetzt, leider funktioniert der Effect im IE6 nur Fehlerhaft.
Fehlverhalten im IE6:
Nach dem schließen des Panels, springt es ungewollt nochmals kurz auf und schließt sich gleich wieder?!
Javascript Code:
Code:
/* Simple slide panel begin */
//Aktueller Status der Elemente
aktiv = new Array();
aktiv['unten_1'] = false;
aktiv['unten_2'] = false;
aktiv['unten_3'] = false;
$(document).ready(function(){
knoten = document.getElementById('menu'); //ElternKnoten
element = knoten.getElementsByTagName('img'); //Verweise auf alle "li" Tags
for (i = 0; i < element.length; i++) {
link = element[i]; //Verweis auf den Button
button = link.name; //Ermittelt den "Name" Tag des Buttons
box = element[i].parentNode.nextSibling.nextSibling.id; //Ermittelt id der Anzeige-Box
link.onclick = dynamic(button, box);
}
function dynamic(button, box) {
/* Status des Buttons wird geändert und das Slide Panel wird aktiv*/
return function () {
status_image(button, box);
}
}
/* Status des Buttons wird geändert */
function status_image(open, box) {
//Anzeigeboxen werden herunter gefahren
$("#"+box).slideToggle("slow");
$(this).toggleClass("active");
if (aktiv[box]) {
aktiv[box] = false;
$("."+open).attr("src","down2.gif");
}
else {
aktiv[box] = true;
$("."+open).attr("src","up.gif");
}
}
});
/* Simple slide panel end */HTML Code:
HTML:
<!-- Slide Boxen begin -->
<ul id="menu">
<li class="oben"><a href="#"><img src="down2.gif" class="oben_1" name="oben_1"></a>
<ul class="unten" id="unten_1">
<li></li>
</ul>
</li>
<li class="oben"><a href="#"><img src="down2.gif" class="oben_2" name="oben_2"></a>
<ul class="unten" id="unten_2">
<li></li>
</ul>
</li>
<li class="oben"><a href="#"><img src="down2.gif" class="oben_3" name="oben_3"></a>
<ul class="unten" id="unten_3">
<li></li>
</ul>
</li>
</ul>
<!-- Slide Boxen end -->Hat evtl. schon jemand Erfahrung mit dieser Funktion(Fehlverahlten) gemacht?
Gruß zenten
