jQuery: ¿Cómo mostrar un elemento y usar el efecto de resaltado al mismo tiempo?

Question

Tengo dos elementos en una página.

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

Cuando pulso en el que se muestra actualmente div, quiero ocultarlo y mostrar la otra. Esto es fácil de hacer:

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

Pero ahora quiero ir un paso más allá y resaltar el elemento que se está mostrando. Creo que implicará effect("highlight"), pero no puedo hacer que funcione. ¿Cómo logro esto?

Answer 1

Lo primero es corregir sus atributos de identificación. No pueden comenzar con un número.

Dado que, probablemente solo necesite cargar jQueryUI. Es necesario para que ese efecto funcione.

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

He aquí un ejemplo: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'); 
});​