The best place to find jQuery plugins !

Welcome on myjqueryplugins,

the best jquery plugins library !

Add your jQuery plugin.

Connect it with GitHub and create your plugin Homepage.

Make known your plugin to the community or link it to your own website !

Woco Accordion : A simple, user-friendly and lightweight jQuery accordion plugin with smooth animations powered by CSS3 transitions.

Plugin rate :

A simple, user-friendly and lightweight jQuery accordion plugin with smooth animations powered by CSS3 transitions.
This is the new version of Woco Accordion and comes with more options and features.

Implementation: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<html>
     <head>
                <script src="jquery-1.11.3.min.js"></script>
                <script src="woco.accordion.min.js"></script>
                <link href="woco-accordion.css" rel="stylesheet">
     </head>
     <body>
                <div class="accordion">
                        <h1>Section 1</h1>
                        <div>
                                Content 1<br>Content 1<br>Content 1<br>Content 1<br>
                        </div>
                        <h1>Section 2</h1>
                        <div>
                                Content 2<br>Content 2<br>Content 2<br>Content 2<br>
                        </div>
                        <h1>Section 3</h1>
                        <div>
                                Content 3<br>Content 3<br>Content 3<br>Content 3<br>
                        </div>
                </div>
                <script>
                        $(".accordion").accordion();
                </script>
     </body>
</html>

Options: 
firstChildExpand
Boolean
Default : true - whether the first section is expanded or not
multipleExpand
Boolean
Default : false - whether expanding mulitple section is allowed or not
slideSpeed
Integer
Default : 500 - slide animation speed
dropDownIcon
String
Default : "&#9660" - drop down icon
Screenshots
  • first section expanded

  • second section expanded

  • third section expanded

Comments

I want to know what code i have to write if i want third section to be collapsible on page load rather than first section

Add new comment

To prevent automated spam submissions leave this field empty.

Plain text

  • Lines and paragraphs break automatically.
  • Allowed HTML tags: <p> <br> <br />

Informations

Current version
3.1
Browsers compatibility
Google ChromeIE 9Mozilla FirefoxOperaSafari
Fork it on github Comments [1]