jQuery：如何显示元素并同时使用高亮效果？

Question

我在页面上有两个元素。

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

当我点击当前显示的div时，我想隐藏它并显示另一个。这很容易做到：

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

但现在我想更进一步，突出显示元素。我认为它会涉及effect("highlight")，但我无法让它发挥作用。我如何实现这一目标？

Answer 1

首先要纠正您的ID属性。他们不允许以数字开头。

鉴于此，您可能只需要加载jQueryUI。这种效果需要起作用。

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

以下是一个例子： 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');
});​