CODEWITHSUNDEEP
jquerycss
webmission
webmission

Reputation: 21

How to make jquery accordion not change color when selected without removing possibility to hover

In the example on jquery webpage when selecting a heading the color is changed:

https://jqueryui.com/accordion/

Is there a way to make it so that the color stay the same?

I have tried following and it works but it introduces the issue that it removes the hover functionality so when i hover the heading it stays the same.

.ui-state-active
{
    background: // same color as default       
}

Is there a way to remove the active state for the clicked heading in the accordion (I have tried and failed, but maybe I'm doing it wrong) or is there another way to go about it?

Upvotes: 0

Views: 476

Answers (1)

ArinCool
ArinCool

Reputation: 1738

You can always override the jquery-ui.css classes. Try this in your own CSS (Note: Your CSS should be included after jquery-ui.css):

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
   background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #e6e6e6;
}

Upvotes: 1

Related Questions