Just managed to solved this by adding these 2 options for both
functions.
active: false,
collapsible: true,

:)

On Apr 1, 9:56 am, carbon <[email protected]> wrote:
> Hi,
>
> I'm trying the nested accordions written by Jörn Zaefferer.
>
> Working based on the example from his 
> site.http://jquery.bassistance.de/accordion/demo/nested.html
>
> Problems I've encountered is.
> - Not sure how to hide level 2 (which has level 3 links) on load.
> - Level 2.1 doesn't expand on first click, only opens on 2nd click.
> - Level 2.2 doesn't slide down, but instead 'pops up'.
>
> Any help would be much appreciated :)
>
> Heres what I have...
>
> <script type="text/javascript">
> $(document).ready(function() {
>         $(".navLevel_1").accordion({
>                 navigation: true,
>                 alwaysOpen: false,
>                 autoheight: false,
>                 clearStyle: true
>         });
>         $(".navLevel_2").accordion({
>                 navigation: true,
>                 alwaysOpen: false,
>                 autoheight: false,
>                 clearStyle: true
>         });});
>
> </script>
>
> <!-- accordion -->
>             <ul class="navLevel_1">
>                 <li><a href="#">Overview</a>
>                                         <ul class="navLevel_2">
>                                                 <li><a href="#">Level 2.1</a>
>                                                         <ul>
>                                                                 <li><a 
> href="#">Level 3</a></li>
>                                                                 <li><a 
> href="#">Level 3</a></li>
>                                                                 <li><a 
> href="#">Level 3</a></li>
>                                                         </ul>
>                                                 </li>
>                                                 <li><a href="#">Level 2.2</a>
>                                                         <ul>
>                                                                 <li><a 
> href="#">Level 3</a></li>
>                                                                 <li><a 
> href="#">Level 3</a></li>
>                                                                 <li><a 
> href="#">Level 3</a></li>
>                                                         </ul>
>                                                 </li>
>                                         </ul>
>                 </li>
>                 <li><a href="#">Consultation</a>
>                     <ul>
>                         <li><a href="#">Level 2</a></li>
>                         <li><a href="#">Level 2</a></li>
>                         <li><a href="#">Level 2</a></li>
>                     </ul>
>                 </li>
>                                 <li><a href="#">Information services</a></li>
>             </ul>
>             <!-- accordion -->
--~--~---------~--~----~------------~-------~--~----~
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