Comment Créer plusieurs niveaux de jquery accordion menu à l'aide de jQuery?

Je veux créer plusieurs niveaux d'accordéon de Navigation à l'aide de jQuery , j'ai essayé d'utiliser ce script, mais il permet pas le multi-niveau. Veuillez consulter l'Image de ce que je suis à la recherche d',

http://www.i-marco.nl/weblog/jquery-accordion-menu/#

le texte d'alt http://img36.imageshack.us/img36/7897/multilevelaccordian.png

Grâce

OriginalL'auteur Wasim Shaikh | 2010-03-17

  1. 12

    Premier balisage de vos articles comme. Vous aurez envie de marquer tous les sous-menus avec les "accordéon" de la classe. 

    <ul class="accordion">
  <li><a class="head" href="#">Item 1</a>
      <ul class="accordion">
      <li><a href="#">Item 1 - 1 </a></li>
      <li><a href="#">Item 1 - 2</a></li>
      <li>
        <a href="#">Item 1 - 3</a>
        <ul class="accordion">
          <li><a href="#">Item 1 - 3 - 1</a></li>
          <li><a href="#">Item 1 - 3 - 1 </a></li>
          <li><a href="#">Item 1 - 3 - 1</a></li>
        </ul>
      </li>
    </ul>
  </li>
  <li><a href="#">Item 2</a></li>
  <li>
    <a href="#">Item 3</a>
    <ul class="accordion">
      <li><a href="#">Item 3 - 1 </a></li>
      <li><a href="#">Item 3 - 2</a></li>
      <li><a href="#">Item 3 - 2</a></li>
    </ul>
  </li>
</ul>

    Après cela, il suffit d'utiliser jQuery UI accordion plugin (N'oubliez pas d'inclure jQuery fichier de base et jQuery UI fichier.

    <script type="text/javascript">
    $(function() {
        $(".accordion").accordion();
    });
</script>

    http://jqueryui.com/demos/accordion/

    Utiliser CSS pour le style que nécessaire. Bien sûr, les structures et les noms de classe peut être modifié selon vos préférences. C'est juste la solution la plus simple

    OriginalL'auteur JohnP