Mã CSS sẽ sử dụng trong bài hướng dẫn

#box 
{
	width: 200px;
	height: 200px;
	background: red;
}

.highlight 
{
	background: yellow;
}

Và mã HTML

<div id="box"></div>
<a href="#">Click Me</a>
<p>phương thức toggle() và toggleClass()</p>
<p>phương thức toggle() và toggleClass()</p>
<p>phương thức toggle() và toggleClass()</p>
<p>phương thức toggle() và toggleClass()</p>

toggle()

Chúng ta sẽ dùng toggle() để khi người dùng click vào thẻ a, #box sẽ bị ẩn đi:

$(function() {
    $('a').click(function() {
        $('#box').toggle();
    });
});

Bạn có thể đặt thời gian ẩn/hiện #box: $('#box').toggle(3000);

toggleClass()

toggleClass() giúp bạn thay đổi class khi click vào thẻ. Ví dụ trên, với class .highlight chúng ta khai báo mầu nền là màu vàng, áp dụng khi click vào thẻ p như sau:

$(function() {
    $('p').click(function() {
        $(this).toggleClass('highlight');
    });
});