Slide Toggle ouvre automatiquement le premier élément?

Question

J'ai un accordéon JQuery en utilisant le JS suivant.

function initMenu() { 
    $('#accordion ul').hide(); 
    $('#accordion li a').click(
    function() { 
     $(this).next().slideToggle('normal'); 
     } 
    ); 
    } 
$(document).ready(function() {initMenu();}); 

Et le code HTML suivant

<ul id="accordion"> 
      <li><a class="firstheading" href="#">Making words work</a> 
       <ul class="panelContent"> 
        <li> 
         <p>IPSUM</p> 
        </li> 
       </ul> 
      </li> 
      <li><a class="heading" href="#">Full business-writing services</a> 
       <ul class="panelContent"> 
        <li> 
         <p>IPSUM<p> 
        </li> 
       </ul> 
      </li> 
     </ul> 

Quelqu'un peut-il me dire comment assurer le premier élément est ouvert lorsque le chargement de la page?

Answer 1

Vous pouvez utiliser le sélecteur gt pour spécifier les ul avec un indice supérieur à zéro, donc tous les ul sauf le premier.

Démo here

Answer 2

Il faut ouvrir automatiquement, mais vous pouvez ouvrir des morceaux d'accordéon programme comme ceci:

.Accordion ('activate', index)

afin d'ouvrir en haut de la première section, vous feriez

$ ('# accordéon'). accordéon ('activate', 0);

Vous pourriez mettre cela dans votre fonction de document prêt. Notez qu'un sélecteur peut également être utilisé à la place du nombre, qui représente chaque section à partir de 0.

Source