Hi All,
Very new to Jquery and was hoping i can get some help.
I have an accordian list much like the example here :
http://docs.jquery.com/UI/Accordion#option-active
Say for instance i have page links under the heading 'Section 2' of
that demo above.
How can i make it so that when you visit a page from these links
'Section 2' is visible and 'section 1' and 'section 3' are closed?
At the moment i have :
$(document).ready(function(){
$("#accordion").accordion({
active: false,
collapsible: true
});
});
<!-- start accordian menu -->
<div id="accordion">
<h3><a href="#">Section 1</a></h3>
<div>
<ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul>
</div>
<h3><a href="#">Section 2</a></h3>
<div>
<ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul>
</div>
<h3><a href="#">Section 3</a></h3>
<div>
<ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul>
</div>
<!-- end accordian menu -->
</div>
Can someone advise what i need to add to make 'Section 2" visible
only ?
Thanks in advance
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
