Các phương thức slideUp và slideDown trong jQuery
Các phương thức slideUp và
slideDown
cho phép thực hiện hiệu ứng "cuộn lên" và "cuộn xuống"
phần tử (chúng cũng nhận thời gian thực hiện hiệu ứng làm tham số,
nếu không chỉ định - thời gian mặc định sẽ được sử dụng, 400ms).
Xem cách chúng hoạt động trong ví dụ sau.
Giả sử chúng ta có hai nút bấm và một div:
<button id="hide">hide</button>
<button id="show">show</button>
<div id="elem">text...</div>
CSS trông như thế này:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Bây giờ chúng ta viết các phương thức slideUp và
slideDown:
$('#hide').click(function() {
$('#elem').slideUp(1000);
});
$('#show').click(function() {
$('#elem').slideDown(1000);
});
