jQuery: Jak wyświetlić element i jednocześnie użyć efektu podświetlenia?

Question

Mam dwa elementy na stronie.

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

Kiedy klikam wyświetlany aktualnie div, chcę go ukryć i pokazać drugą. Jest to łatwe:

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

Ale teraz chcę zrobić krok dalej i wyróżnić element podczas jego wyświetlania. Myślę, że będzie to obejmować effect("highlight"), ale nie mogę go uruchomić. Jak to osiągnąć?

Answer 1

Pierwszą rzeczą jest poprawienie atrybutów ID. Nie mogą zaczynać się od liczby.

Biorąc to pod uwagę, prawdopodobnie wystarczy załadować jQueryUI. Jest to wymagane, aby ten efekt zadziałał.

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

Oto przykład: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'); 
});​