Phương thức fadeToggle trong jQuery
Phương thức
fadeToggle
hoạt động tương tự như phương thức
slideToggle,
nó cũng triển khai việc luân phiên
hiệu ứng: khi thì hiển thị phần tử, khi thì ẩn đi.
Ví dụ, chúng ta có thể, bằng cách nhấn vào cùng một nút vừa hiển thị và vừa ẩn một phần tử. Hãy triển khai phương thức này với mã HTML sau:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Giả sử CSS trông như thế này:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Viết mã Javascript sau:
$('#toggle').click(function() {
$('#elem').fadeToggle(1000);
});
