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');
});?