toggle(speed,[callback]) trong jQuery
Miêu tả
Phương thức toggle(speed,[callback]) trong jQuery sẽ toggle sự hiển thị mỗi phần tử trong tập hợp các phần tử đã so khớp bởi sử dụng một hiệu ứng đẹp và kích hoạt một callback tùy ý sau khi hoàn thành.
Cú pháp
Sau đây là cú pháp cho toggle(speed,[callback]) trong jQuery:
selector.toggle( speed, [callback]);
Tham số
Dưới đây miêu tả chi tiết về các tham số được sử dụng trong phương thức toggle(speed,[callback]) trong jQuery:
speed − Một chuỗi biểu diễn một trong ba tốc độ đã định trước ("slow", "normal", hoặc "fast") hoặc số mili giây để chạy hiệu ứng (ví dụ 1000).
callback − Đây là tham số tùy ý biểu diễn một hàm để gọi một khi hiệu ứng hoàn thành.
Ví dụ
Sau đây là ví dụ đơn giản minh họa cách sử dụng của phương thức toggle(speed,[callback]) trong jQuery:
<html>
<head>
<title>The jQuery Example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("#toggle").click(function(){
$(".target").toggle( 'slow', function(){
$(".log").text('Toggle Transition Complete');
});
});
});
</script>
<style>
p {background-color:#bca; width:200px; border:1px solid green;}
</style>
</head>
<body>
<p>Click on the following button:</p>
<button id="toggle"> Toggle </button>
<div class="target">
<img src="./images/jquery.jpg" alt="jQuery" />
</div>
<div class="log"></div>
</body>
</html>
Nó sẽ cho kết quả:
Công cụ giáo viên (2048.VN)
Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free
Các bài học jQuery khác tại VietJack:
Dành cho bạn
Công cụ giáo viên
- Tạo đề online từ PDF / Word
- Trộn nhiều mã đề, in Offline
- Giao bài online, Quản lí lớp học
