jQuery: Wie man ein Element zeigt und den Höhepunkt-Effekt gleichzeitig benutzt?

Question

Ich habe zwei Elemente auf einer Seite.

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

Wenn ich die aktuell div angezeigt klicken, möchte ich es verbergen und den anderen zu zeigen. Dies ist einfach zu tun:

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

Aber jetzt will ich es noch einen Schritt weiter nehmen und das Element zu markieren, wie es angezeigt wird. Ich denke, dass es effect("highlight") einbeziehen wird, aber ich kann es nicht zur Arbeit bringen. Wie erreiche ich das?

Answer 1

Als erstes müssen Sie Ihre ID-Attribute korrigieren. Sie dürfen nicht mit einer Nummer beginnen.

Vorausgesetzt, dass Sie wahrscheinlich nur jQueryUI laden müssen. Dies ist erforderlich, damit dieser Effekt funktioniert.

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

Hier ist ein Beispiel: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'); 
});​