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

我在页面上有两个元素。

content
different content

当我单击当前显示的div ,我想隐藏它并显示另一个。 这很容易做到:

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

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

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

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

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

这是一个例子: http //jsfiddle.net/r6pKn/

HTML

 
content

jQuery的

 $('#div1').click(function() { $(this).hide(); $('#div2').show().effect('highlight'); });​