jQuery: Cách hiển thị phần tử và sử dụng hiệu ứng đánh dấu cùng một lúc?

Question

Tôi có hai phần tử trên một trang.

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

Khi tôi nhấp vào hiển thị hiện tại div, tôi muốn ẩn và hiển thị hình ảnh khác. Điều này rất dễ thực hiện:

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

Nhưng bây giờ tôi muốn tiến thêm một bước nữa và làm nổi bật phần tử khi nó đang được hiển thị. Tôi nghĩ rằng nó sẽ liên quan đến effect("highlight"), nhưng tôi không thể làm cho nó hoạt động. Làm thế nào để đạt được điều này?

Answer 1

Điều đầu tiên là sửa các thuộc tính ID của bạn. Chúng không được phép bắt đầu bằng một số.

Cho rằng, bạn có thể chỉ cần tải jQueryUI. Nó là cần thiết cho hiệu ứng đó để làm việc.

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

Dưới đây là một ví dụ: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'); 
});​