[jquery-ui] Re: Accordion List | Selecting with item to display as active

Thu, 11 Jun 2009 09:51:07 -0700

navigation : true

this 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


--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---

Reply via email to