CSS makes this very easy without changing classes. If you really need the active header of one accordion to look different from the active class of another accordion, just add a class to the outermost element of the accordion or any of its ancestors and write a rule based on that.
On Jan 19, 7:26 am, zemm <[email protected]> wrote: > Hi, sorry, I've been unclear. > In the accordion plugin, selectedClass:".classname" was usually used > to change the accordion's bar color accordingly to a custom class (not > the default "ui-state-selected"). > Since there was this possibility (selectedClass:".classname"), I > wonder if it will be included a similar command to achieve the same > result (replace "ui-state-active" class with a custom class). > > On 19 Gen, 12:56, "Richard D. Worth" <[email protected]> wrote: > > > What would activeClass: ".whatever" do? > > > Scott mentioned there is a class that gets added when a section is > > activated. It is from the jQuery UI CSS Framework. It is > > > ui-state-active > > > See here for more info > > >http://docs.jquery.com/UI/Theminghttp://docs.jquery.com/UI/Theming/API > > > From my reading of the documentation, the 'active' option you referred to is > > not to configure this, but to specify (via a css selector) which one should > > start active. From > > >http://docs.jquery.com/UI/Accordion/accordion#options > > > option: active > > type: String, Element, jQuery, Boolean, Number > > Default: first child > > Description: Selector for the active element. Set to false to display none > > at start. Needs «alwaysOpen: false». > > > - Richard > > > On Mon, Jan 19, 2009 at 2:38 AM, zemm <[email protected]> wrote: > > > > Oh ok - then will be there an activeClass:".whatever" ? > > > > On 18 Gen, 15:33, Scott González <[email protected]> wrote: > > > > We have redone our markup for several of the plugins while building > > > > our new CSS framework. > > > > > The wrapper div that contains the header and content panel gets the > > > > selected class and the header gets the active class. > > > > > On Jan 16, 8:24 am, zemm <[email protected]> wrote: > > > > > > Hi, > > > > > as in subject, assignment of selected class to the active accordion > > > > > element (both default and via selectedClass) assigns it to the wrong > > > > > div, actually to the accordion content div. > > > > > It works as expected with ui 1.5.3 . > > > > > div structure: > > > > > <div class="content-box"> > > > > > <div id="test-accordion" > > > class="accordion"> > > > > > <div class="accordion-item"> > > > > > <div > > > class="accordion-toggle">Introduction</div> > > > > > <div > > > class="accordion-content"> > > > > > </div> > > > > > </div> > > > > > <div class="accordion-item"> > > > > > <div > > > class="accordion-toggle">Introduction</div> > > > > > <div > > > class="accordion-content"> > > > > > </div> > > > > > </div> > > > > > > </div> > > > > > </div><!--END .content-box !--> > > > > > > and how I trigger the accordion: > > > > > > jQuery(document).ready(function () { > > > > > jQuery("#test-accordion").accordion({ > > > > > header: > > > > > "div.accordion-toggle", > > > > > fillSpace: true, > > > > active:"div.accordion-toggle:first" > > > > > }); > > > > > }); --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
