Thanks. I ended up using this small variation:
function notAccordian(selector,active){
$(selector).addClass("ui-accordion ui-widget ui-helper-reset")
.find("h3")
.addClass("ui-accordion-header ui-helper-reset ui-state-
default ui-corner-top ui-corner-bottom")
.prepend('<span class="ui-icon ui-icon-triangle-1-e"/>')
.click(function() {
$(this).toggleClass("ui-accordion-header-
active").toggleClass("ui-state-active")
.toggleClass("ui-state-default").toggleClass("ui-
corner-bottom")
.find("> .ui-icon").toggleClass("ui-icon-triangle-1-
e").toggleClass("ui-icon-triangle-1-s")
.end().next().toggleClass("ui-accordion-content-
active").slideToggle();
return false;
})
.bind("mouseenter",function(){$(this).addClass("ui-state-
hover")})
.bind("mouseleave",function(){$(this).removeClass("ui-state-
hover")})
.next().addClass("ui-accordion-content ui-helper-reset ui-widget-
content ui-corner-bottom").hide();
$(selector).each(function(){
$(this).find("h3").eq(active)
.toggleClass("ui-accordion-header-active").toggleClass("ui-
state-active")
.toggleClass("ui-state-default").toggleClass("ui-corner-
bottom")
.find("> .ui-icon").toggleClass("ui-icon-triangle-1-
e").toggleClass("ui-icon-triangle-1-s")
.end().next().toggleClass("ui-accordion-content-active").show
();
});
}
On Nov 11, 8:19 am, "Richard D. Worth" <[email protected]> wrote:
> Not a plugin, but here you go
>
> http://jsbin.com/equha
>
> <http://jsbin.com/equha>- Richard
>
> On Wed, Nov 11, 2009 at 9:13 AM, Gilson DElrei <[email protected]>wrote:
>
> > I also hope ansious for this implementation.
> > If someone have other solution for reach it keeping styling please publish
> > it here.
> > cheers.
>
> > Gilson DElrei
> > On Wed, Nov 11, 2009 at 2:08 AM, Richard D. Worth <[email protected]>wrote:
>
> >> This has been requested before and may be considered in a future version.
> >> You can track any progress on this here:
>
> >>http://dev.jqueryui.com/ticket/4157
>
> >>http://dev.jqueryui.com/ticket/4560
>
> >> - Richard
>
> >> On Tue, Nov 10, 2009 at 3:33 PM, colinbashbash <
> >> [email protected]> wrote:
>
> >>> So let's say I create an accordian on a page. The customer says great,
> >>> but I want to be able to open more than one panel at once.
>
> >>> It seems like there should be an easy way to just switch the class on
> >>> the parent object, and the rest of the items show up as collapsable
> >>> panels... without changing any of the rest of the styling.
>
> >>> I've seen one plugin for a collapsable div's, but it didn't use the
> >>> same syntax as accordians, so i'd have to reformat everything.
>
> >>> Thoughts?
>
> >>> --
>
> >>> 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]<jquery-ui%[email protected]>
> >>> .
> >>> For more options, visit this group at
> >>>http://groups.google.com/group/jquery-ui?hl=.
>
> >> --
> >> 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]<jquery-ui%[email protected]>
> >> .
> >> For more options, visit this group at
> >>http://groups.google.com/group/jquery-ui?hl=.
>
> > --
> > 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]<jquery-ui%[email protected]>
> > .
> > For more options, visit this group at
> >http://groups.google.com/group/jquery-ui?hl=.
--
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=.
