CODEWITHSUNDEEP
javascriptjqueryhtmlcss
askon
askon

Reputation: 671

Jquery script issue IE7 add/remove class

I'm having some IE7 (and presumably IE6) issues with the script.

<script type="text/javascript">
$(document).ready(function(){
    $(".testimonial:first").show();
    $("li.testID:first").addClass("selectedName");

    $("li.testID").click(function(){
        $("li.testID").removeClass("selectedName");
        $(this).addClass("selectedName");
        $(".testimonial").hide();
        $(this).next(".testimonial").css({
                zIndex:'9999',
                }).fadeIn("slow");
    });
});
</script>

It's meant to add a selectedName class to the first item in the list (basically makes it bold) and shows the corresponding div with the class "testimonial". Then once you click on another one it adds the class and reloads the div.

Works fine in FF and Safari but I get nothing in IE7, it doesnt swap the first class on document ready nor does it swap anything on click.

Any ideas??

Thanks!

Upvotes: 0

Views: 2458

Answers (1)

Kaze no Koe
Kaze no Koe

Reputation: 3254

From this piece of code:

$(this).next(".testimonial").css({
            zIndex:'9999',
}).fadeIn("slow");

I'm pretty sure IE chokes on that comma at the end:

            zIndex:'9999',

Remove the comma, see if it works like that.

To expand on my answer, I'm 99.99% sure IE doesn't tolerate a comma before a closed square bracket. I don't remember if it does tolerate one right before closing a curly bracket but it's worth a shot.

Upvotes: 3

Related Questions