Accordion help ....

[Erik]

Hi all,

Just joined this new forum.

My accordion is working great, but I need to STOP the hover on the
selected item.

Example, when I select BATH & BODY, I want the hover stop for that
particular section:


<div class="subcat">bath &amp; body</div>


I'm using the following ACCORDION script:

$(function() {
$("#accordion").accordion({
autoHeight: true,
header: '.subcat'
});


LINK: www.naturalskin.com

On the left side of the web page.


Thank you.

Erik

[Nathan Klatt]

Post by Erik
My accordion is working great, but I need to STOP the hover on the
selected item.

You should be able to deactivate the hover for .ui-state-active elements.

Nathan

[Erik]

Thanks nathan...

Where would I place this in this?

$(function() {
$("#accordion").accordion({
autoHeight: true,
header: '.subcat'
});


{ $(this).removeClass("ui-state-active"); }

Is this the correct format?

Erik

Post by Nathan Klatt

Post by Erik
My accordion is working great, but I need to STOP the hover on the
selected item.

You should be able to deactivate the hover for .ui-state-active elements.
Nathan

[Nathan Klatt]

 { $(this).removeClass("ui-state-active"); }

No, don't do that - that'll screw up the accordion, I expect. I mean
something in the css like:

.ui-state-active:hover {
background-color: inherit; /* or "none" or some specific color */
}

Nathan