Sorry you’re having IE 6 problems.

The jQuery script I referenced in that posting is used to attach a CSS class to an element on mouseover. The purpose is to avoid using the :hover pseudo-class, which often breaks in IE 6.

To attach it, put this in between script tags anywhere on the document:

$(document).ready(function(){
   < the script >
});

This jQuery script waits for the document to fully load (or become ‘ready’) and then attach the hover property. In my example the hover property will be attached to any label elements, but if you wanted, for example, to attach the hover to anything with a CSS class of “example” you would use:

$(document).ready(function(){
   $(".example").hover(function() {
      < etc >
   });
});

Good luck jQuery’ing. I think it’s a really awesome library, and hope you will too.

-jr

I followed a tutorial from http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/ to build an accordion with jquiery. However the accordion does not work on IE6, which is a real shame. I went back to the webdesignwall.com to read the blog in hope to find a solution and spotted your reply where you suggested the following:

To answer Miami Web Design’s question, you can attach the hover stuff in jQuery with .hover(). This would be called in the same way as .click(), for example:

$(”label”).hover(function() {
$(this).addClass(”hoverClass”)
});

This works just fine in IE 6.

in order to make it work for IE6.

Please can you help me here as I am not very familiar with javascript and jquery in particular Where would you add this bit of script?

Your help will be greatly appreciated.

Many thanks
Nevena