JQuery: SlideToggle sur les liens?

Question

Comment est-ce que j'effectue un effet 'slidetoggle' de JQuery en utilisant un lien hypertexte, au lieu d'un bouton d'entrée, comme élément d'action?

Sur la page refence JQuery

http://docs.jquery.com/Effects/slideToggle#speedcallback

Il donne seulement un exemple d'utilisation d'un bouton d'entrée de formulaire.

Je voudrais avoir au lieu d'un bouton, un lien hypertexte pour être l'action cliquable à bascule.

Answer 1

$("#anch").click(function() { 
     $("#para1").slideToggle("slow"); 
    }); 



<a id='anch'>Toggle</a> 
    <p id='para1'> 
    This is the paragraph to end all paragraphs. You 
    should feel <em>lucky</em> to have seen such a paragraph in 
    your life. Congratulations! 
    </p> 

Answer 2

Si vous avez un lien comme ceci:

<a id="toggleLink" href="#">CLICK ME!</a> 

Il suffit d'utiliser la fonction suivante pour slideToggle votre div

$("#toggleLink").click(function() { 
     $("#myDiv").slideToggle("slow"); 
    }); 

Answer 3

En plus des autres réponses, si votre lien a une href attribut (ce qu'il devrait, il sera donc affiché comme un lien), vous pouvez vouloir le neutraliser en retournant false sur votre gestionnaire d'événements (si vous ne le faites pas, la page va ll lorsque vous cliquez sur le lien):

$('a').click(function(){ 
    $('p').slideToggle(); 
    return false; 
}); 

Autre que cela, il ne devrait pas y avoir de différence entre un bouton et un lien hypertexte. Pendant que vous lisez la documentation, vous devriez commencer par jQuery's Selectors.