navigation : true

In accordion will match link within accordion content to page url and open that section when page loads



Skunkmilk wrote:
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

  

Reply via email to