jQuery: How to show an element and use the highlight effect at the same time?
<p>I have two elements on a page.</p>

<pre><code>&lt;div id="a"&gt;content&lt;/div&gt;
&lt;div id="b" style="display:none"&gt;different content&lt;/div&gt;
</code></pre>

<p>When I click the currently displayed <code>div</code>, I want to hide it and show the other one. This is easy to do:</p>

<pre><code>$('#a').hide();
$('#b').show();
</code></pre>

<p>But now I want to take it a step further and highlight the element as it is being displayed. I think that it will involve <code>effect("highlight")</code>, but I can't get it to work. How do I achieve this?</p>
