Phương thức fadeOut và fadeIn trong jQuery
Các phương thức fadeOut và
fadeIn
thực hiện việc làm mờ dần để ẩn và hiện
phần tử một cách mượt mà.
Hãy lấy mã HTML sau:
<button id="hide">ẩn</button>
<button id="show">hiện</button>
<div id="elem">văn bản...</div>
Đối với mã này, CSS sau đã được viết:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Bây giờ hãy triển khai các phương thức fadeOut và
fadeIn:
$('#hide').click(function() {
$('#elem').fadeOut(1000);
});
$('#show').click(function() {
$('#elem').fadeIn(1000);
});
