Question

69

jQuery UI collapsible panel

rated 0 times [ 73] [ 4] / answers: 1 / hits: 35944 / 13 Years ago, thu, april 28, 2011, 12:00:00

I notice on the jQuery UI theme roller website (left side), they have collapsible panels to group customization options for a custom jQuery UI package.

However, I don't see that collapsible panel anywhere in jQuery UI (seems odd to me!)

Does anyone know any collapsible panel options for jQuery like work like that (with the arrow and all)?

http://jqueryui.com/themeroller/

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

deonkalvinw

Add To Favorites

Follow

Total Points: 409

Total Questions: 96

Total Answers: 89

Location: Saint Pierre and Miquelon

Member since Sun, Nov 27, 2022

2 Years ago

deonkalvinw questions

1 Handling UI State in Remix.run

Sun, Feb 6, 22, 00:00, 2 Years ago

1 Npm install throws warn old lockfile error

Tue, Dec 28, 21, 00:00, 2 Years ago

1 moving between section page using next and previous button in javascript

Tue, Dec 28, 21, 00:00, 2 Years ago

1 React Horizontal Scrolling cards with Arrows on top

Sun, Aug 22, 21, 00:00, 3 Years ago

1 How to pass state between routes in NEXT JS?

Sun, Mar 7, 21, 00:00, 3 Years ago

View All

answered 13 Years ago kevenirvina · Accepted Answer

I think you're looking for accordion:

http://jqueryui.com/demos/accordion/

However, if you want multiple sections open, check out this part of the accordion documentation (overview):

jQuery(document).ready(function(){

    $('.accordion .head').click(function() {

        $(this).next().toggle();

        return false;

    }).next().hide();

});

Or animated:

jQuery(document).ready(function(){

    $('.accordion .head').click(function() {

        $(this).next().toggle('slow');

        return false;

    }).next().hide();

});