slideup animate not rendering in IE, need help!

slideup animate not rendering in IE, need help!

Hey everyone,

My Java skills are virtually non-existent, but i have been able to make use of some code to create a slide up and down effect on my content (doing this as to not have multiple html pages, but also because it looks pretty slick).


In both Safari and Firefox the website functions perfectly, however, Internet explorer does not even begin to create the effect, rendering the site useless.

I am really unsure of what to do at this point, so i thought i would ask the community for some help.

Here is the jquery i use on the site:

// When the document loads do everything inside here ...
$(document).ready(function(){

// When a link is clicked
$("a.tab").click(function () {

// switch all tabs with the class 'active' off
$(".active").attr({ class: "tab" });

// switch *this* tab to have the 'active' class
$(this).attr({class:"tab active"});

// slide all elements with the class 'content' up
$(".content").slideUp();

// Now figure out what the 'title' attribute value is and find the element with that id. Then slide that down.
var content_show = $(this).attr("title");
$("#"+content_show).slideDown();

});

});
</script>
</head>

The website is:

http://www.gogreenecycles.com (view in ie to see the issue

Any help you could provide, or direct me to, would be greatly appreciated.

Thanks again,

Chad.