jQuery: Comment afficher un élément et utiliser l'effet de surbrillance en même temps?

Question

J'ai deux éléments sur une page.

<div id="a">content</div> 
<div id="b" style="display:none">different content</div> 

Lorsque je clique sur le affiché div, je veux cacher et montrer l'autre. Ceci est facile à faire:

$('#a').hide(); 
$('#b').show(); 

Mais maintenant, je veux prendre un peu plus loin et mettre en valeur l'élément tel qu'il est affiché. Je pense que cela impliquera effect("highlight"), mais je ne peux pas le faire fonctionner. Comment puis-je y parvenir?

Answer 1

La première chose à faire est de corriger vos attributs d'ID. Ils ne sont pas autorisés à commencer avec un numéro.

Par conséquent, vous avez probablement besoin de charger jQueryUI. Il est nécessaire que cet effet fonctionne.

http://jqueryui.com/demos/effect/

Voici un exemple:http://jsfiddle.net/r6pKn/

HTML

<div id="div1">content</div> 
<div id="div2" style="display:none">different content</div>​ 

jQuery

$('#div1').click(function() { 
    $(this).hide(); 
    $('#div2').show().effect('highlight'); 
});​