jQuery UI Accordion - ouverture depuis lien externe à l'accordéon

Pour le rendre dynamique, le passer dans un boucle PHP

by Jean-Baptiste Audras

HTML

<p id="liste-leviers" data-quantite="4">
  <a href="#" class="levier" id="ouvreAcc-0">Ouvre le Un</a>
  <a href="#" class="levier" id="ouvreAcc-1">Ouvre le Deux</a>
  <a href="#" class="levier" id="ouvreAcc-2">Ouvre le Trois</a>
  <a href="#" class="levier" id="ouvreAcc-3">Ouvre le Quatre</a>
</p>
<div class="accordion">
        <div>
            <h3><a href="#">1</a></h3>
            <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
        </div>

        <div>
            <h3><a href="#">2</a></h3>
            <div>Phasellus mattis tincidunt nibh.</div>
        </div>

        <div>
            <h3><a href="#">3</a></h3>
            <div>Nam dui erat, auctor a, dignissim quis.</div>
        </div>

       <div>
            <h3><a href="#">4</a></h3>
            <div>Nam dui erat, auctor a, dignissim quis.</div>
        </div>


    </div>

JavaScript

$(function(){
  // Création de l'accordéon
  $('.accordion').accordion({ header: "h3" });
  $('#ouvreAcc-0').click(function(){
    $(".accordion").accordion({active:0});
  });
  $('#ouvreAcc-1').click(function(){
    $(".accordion").accordion({active:1});
  });
  $('#ouvreAcc-2').click(function(){
    $(".accordion").accordion({active:2});
  });
  $('#ouvreAcc-3').click(function(){
    $(".accordion").accordion({active:3});
  });
});