Problèmes affin de texte de lien avec JQ

Question

J'essaie d'utiliser ce code pour le texte sur le lien basculer:

var showText="<span>Open</span> &darr;"; 
var hideText="<span>Close</span> &uarr;"; 
$('h1').before('<a href="javascript:;" id="hc_toggle_close">' + showText + '</a>'); 
$('#hc_toggle_close').click(function() { 
    $('#hc_toggle_close:contains("Open")').html(hideText); 
    $('#hc_toggle_close:contains("Close")').html(showText); 
}); 

Mais il ne fonctionne pas! Ainsi qu'une construction habituelle si ... d'autre part. Quelqu'un pourrait-il me dire ce qui ne va pas ici? Merci!

Answer 1

Utilisez la toggle fonction d'aide:

var showText="<span>Open</span> &darr;"; 
var hideText="<span>Close</span> &uarr;"; 
$('h1').before('<a href="javascript:;" id="hc_toggle_close">' + showText + '</a>'); 
$('#hc_toggle_close').toggle(
    function() { 
    $('#hc_toggle_close').html(hideText); 
    }, 
    function() { 
    $('#hc_toggle_close').html(showText); 
    } 
); 

De la documentation toggle:

Chaque fois qu'un élément correspondant est cliqué, la première fonction spécifiée est tiré, lorsque vous cliquez dessus à nouveau, la la seconde est tiré. Tous les clics suivants continuent pour faire pivoter les deux fonctions.