Altering nested classes within jQeury UI
Hello, and good afternoon.
Have what I think is a unique issue. I am using jQuery UI tabs and the accordion in my web development. It is necessary to alter the css of the .tabs to portray a custom look. The problem is, the accordion and tabs share similar classes. It is easy enough to copy and rename the top level classes, and then use removeClass and addClass to enable the new classes for the tabs.
However, I find myself having to alter the classes at the <ul> level (and possibly <li>).
Specifically, this line: .ui-state-default, .ui-widget-content .ui-state-default { border: 0px solid #cdc3be; background: #ede4cc url(images/ui-bg_glass_75_cccccc_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
How do I get jQuery to locate the .ui-state-default class since it is embedded in .ui-widget-content? If I could remove that class from the .tabs call, then add a new one with similar, but slightly altered elements, I could accomplish what I am trying to do. As it stands, I am unable to 'dig down' into the nested classes.
Am I missing something obvious? Thanks for any help!
-dce