On Oct 16, 2:30 pm, MarkW <[EMAIL PROTECTED]> wrote:
> I am trying to nest an accordion inside an accordion. The accordions
> are working, however the inside accordions take on the selected header
> of the parent. This is easy to see if you use a theme with a down and
> right arrow. When the parent accordion is opened, its header becomes
> selected (down arrow), and both of its children accordion's headers
> also become selected (down arrow).
I am making some progress on the issue. I generated the theme using
themeroller. I can make it work correctly in FF 3 and IE 7 by
modifying a couple of the .css lines. Specifically:
Using themeroller:
.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
background: #a21111 url(./images/
a21111_40x100_textures_02_glass_35.png) 0 50% repeat-x;
}
.selected .ui-accordion-header a, .selected .ui-accordion-header
a:hover {
color: #ffffff;
background: url(./images/ffffff_7x7_arrow_down.gif) .5em 50% no-
repeat;
}
Notice the space after the ".selected .ui-accordion" If I remove the
space, (".selected.ui-accordion") then it works correctly in FF3 and
IE 7. But in IE 6, all headers are now selected.
Any suggestions?
Thanks.
Mark
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
