javascript - collapse and expand tabs jquery / simple accordion

Question

I have query regarding Accordion tabs ..

I have used Accordion Menu plugin Below code i have used for the tabs in the page .

  [accordions]
  [accordion title ="about"]**Content 1** [/accordion ]
  [accordion title="Home"]**Content 2** [/accordion ]
  [/accordions]

The web page looks like as follows:

I want first both these tabs to be collapsed and.When clicked on ABOUT it should expand and display the content .And once clicked on Home it should collapse ABOUT tab and expand the home page

By jquery i can achieve this but i dont know which script to download and work with it..

Any ideas?? Thanks in advance

Answer 1

In case you use jQuery UI Accordion, you can add simple event to your accordion.

or add event:

$( ".selector" ).bind( "accordioncreate", function(event, ui) {
  $( ".selector" ).accordion( "option", "active", -1 )
});