Internet-Explorer jQuery wird nicht unterstüzt?

[programmer96]

Hallo zusammen,

ich arbeite gerade an einem Projekt, bei dem ich ein "Mehr Lesen" Button eingerichtet habe, durch den dann ein DIV-Container aufgeblenet wird, in dem der Text dann fortgefüht wird.
So weit so gut funtkioniert alles, nur im Internet-Explorer wird wieder gezickt.

Ich habe das Problem, das der IE den Text nicht erst beim klick auf "Mehr Lesen" anzeigt, sondern dass dieser Permanent angezeigt wird.
--> Link zur Seite CONCIERGE SERVICE SYLT - Auf Ihre Wünsche spezialisiert
Im FF, Chrome etc. funktioniert es Problemlos!

Hier der JS:

var previus = "";

$(document).ready( function() {
    $(".accordeonDetails").hide();
    
    $('.toggleAccordeon').click( function() {
        idTMP = $(this).attr("rel");
        if(previus != "") {
            $('#accordeonDetails'+previus).animate({ height: "hide", opacity: "toggle"}, "swing" );
            $("#"+previus).text("mehr");
        }
        
        if(previus != idTMP) {
            $('#accordeonDetails'+idTMP).animate({ height: "show", opacity: "toggle"}, "swing" );
            $("#"+idTMP).text("");
        }
        
        if(previus == idTMP) {
            previus = "tmp";
        } else {
            previus = idTMP;
        }
    });
});

Hat jemand eine Idee, warum es im IE nicht funktioniert?

Danke im vorraus!

Finn

 

[threadi]

Korrigiere erstmal das Zeichensatzproblem bei deiner Seite:
[Invalid] Markup Validation of http://igth.alfahosting.org/KK/unternehmen/mice.html - W3C Markup Validator

Dadurch kommt nämlich ein Zeichen vor den Doctype durch den der IE dazu veranlasst werden könnte JavaScript nicht korrekt ausführen zu können.

Falls es auch nach der Korrektur davon nicht geht wäre evtl. noch die betroffene IE-Version interessant.

 

[thuemmy]

Und wenn Du gerade dabei bist, dann solltest Du das doctype-tag auch mit einem ">" schließen.

 

[Tronjer]

Sowohl Fragestellung als auch die gesamte Funktion lassen sich erheblich verkürzen.

Wenn das hier im IE nicht funktionieren sollte:

$(".accordeonDetails").hide();

verwendest du entweder jQuery 2.0 oder hast ein Problem, das nicht auf jQuery zurückzuführen ist.

Und anstatt der if-Abfragen mit animates sollte es auch ein

 $('.toggleAccordeon').click( function() {
     $(".accordeonDetails").slideToggle();
 })

tun.

 

[threadi]

Er hat jQuery 1.8.3 wie man im Link erkennen kann ;)

 

[Tronjer]

Ich bin hier mit dem Safari unter OSX unterwegs und habe kein Firebug installiert. ;)

 

[threadi]

Ich sehe sowas auch in der Quelltext-Ansicht. Dafür braucht man keinen Firebug. Und btw. gibts auch für Safari meines Wissens Entwicklertools.

 

[Tronjer]

Gibt es, verwende ich aber nie, genausowenig Firebug Lite.

Außerdem ändert es nichts an der Richtigkeit meiner Aussage. Wenn hide() im IE nicht funzt, ist es kein jQuery-Problem.

 

[threadi]

Meinte ich ja auch :) Daher die Frage nach dem HTML-Code ;)