Question

I’m just using the jQuery accordion in its basic form. I can’t, for the life of me, find the selected class in this thing. I basically just want to do some css like:

#accordion h2 a.selected {
color: #000;
}

So that while your one item is selected or active, the header link stays black

I know this dead simple, and I’ve done it with other stuff, I’m just a little lost in the documentation for this accordion. Is it a different class? Is it something I need to add first to this?

$(document).ready(function() {
    $( "#accordion" ).accordion({
    autoHeight: false,
    navigation: true,
    header: 'h2'
    });
});

Thanks.

Answer 1

Chrome’s Inspector saves the day!

Here are the classes I found:

ui-accordion-header ui-helper-reset ui-state-active ui-corner-top

I’d guess this should do it:

.ui-state-active a {
  ...
}