personnalisation jquery accordéon ui

Question

Salut J'utilise l'accordéon jquery ui. J'ai essayé de comprendre comment (en plus de la fonction accordéon habituelle) si je clique sur un lien extérieur, il agira comme une balise d'ancrage et aussi glisser le div montrer le contenu?

<script type="text/javascript" src="http://jqueryui.com/ui/jquery.ui.core.js"></script> 
<script type="text/javascript" src="http://jqueryui.com/ui/jquery.ui.widget.js"></script> 
<script type="text/javascript" src="http://jqueryui.com/ui/jquery.ui.accordion.js"></script> 

<script type="text/javascript"> 
    $(function() { 
     $("#accordion").accordion({ 
      autoHeight: false, 
      navigation: true 
     }); 

    }); 
</script> 

<a href="#1">slide 1</a> 

<a href="#2">slide 2</a> 

<a href="#3">slide 3</a> 

<div id="accordion"> 
    <h3><a href="#" name="1">1</a></h3> 
    <div>text here</div> 

    <h3><a href="#" name="2">2</a></h3> 
    <div>text here</div> 

    <h3><a href="#" name="3">3</a></h3> 
    <div>text here</div>  
</div> 

Answer 1

<script type="text/javascript"> 
    $(function() { 
     $("#accordion").accordion({ 
      autoHeight: false, 
      navigation: true 
     }); 
     $('a.link').unbind('click').bind('click',function(){ 
      var rel = $(this).attr('rel'); 
      $('#'+rel).trigger('click'); 
     }); 
    }); 
</script> 

<a class="link" rel="a1" href="#1">slide 1</a> 

<a class="link" rel="a2" href="#2">slide 2</a> 

<a class="link" rel="a3" href="#3">slide 3</a> 

<div id="accordion"> 
    <h3 id="a1"><a href="#" name="1">1</a></h3> 
    <div>text here</div> 

    <h3 id="a2"><a href="#" name="2">2</a></h3> 
    <div>text here</div> 

    <h3 id="a3"><a href="#" name="3">3</a></h3> 
    <div>text here</div>  
</div> 

Je n'ai pas testé, mais en théorie, il devrait fonctionner :)