Phương thức toggle() truyền 2 tham số trong JQuery
Phương thức toggle() truyền 2 tham số trong JQuery
Phương thức toggle() truyền 2 tham số trong JQuery
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html>
<html>
<head>
<title>Phương thức toggle() truyền 2 tham số trong JQuery</title>
</head>
<body>
<h1>Phương thức toggle() truyền 2 tham số trong JQuery</h1>
<p>Tham số thứ 1 truyền vào có thể là số giây hoặc (slow là chậm) hoặc (fast là nhanh), tham số thứ 2 là một hàm con dùng để xử lý sau khi ẩn, hiện:</p>
<!--Ẩn, Hiện chậm phần tử HTML có id là anhienslow-->
<p id="anhienslow">Nội dung được ẩn slow (chậm) - hide("slow")</p>
<button id="nutanhienslow">ẨN, HIỆN SLOW</button>
<p>Click ẨN, HIỆN SLOW để ẩn chậm phần tử HTML có id là anhienslow</p>
<!--Ẩn, Hiện nhanh phần tử HTML có id là anhienfast-->
<p id="anhienfast">Nội dung được ẩn, hiện fast (nhanh) - hide("fast")</p>
<button id="nutanhienfast">ẨN, HIỆN FAST</button>
<p>Click ẨN, HIỆN FAST để ẩn, hiện nhanh phần tử HTML có id là anhienfast</p>
<!--Ẩn, Hiện phần tử HTML có id là anhientime với thời gian là 1 giây (1000)-->
<p id="anhientime">Nội dung được ẩn, hiện với thời gian là 1 giây (1000)</p>
<button id="nutanhientime">ẨN, HIỆN 1 GIÂY</button>
<p>Click ẨN, HIỆN 1 GIÂY để ẩn phần tử HTML có id là anhientime</p>
<script src="https://webmoi.vn/media/js/jquery-2.2.1.js"></script>
<script>
// Ẩn, Hiện chậm phần tử HTML có id là anhienslow
$("#nutanhienslow").click(function(e) {
$("#anhienslow").toggle("slow", function() {
alert("Phần tử đã được ẩn, hiện!");
});
});
// Ẩn, Hiện nhanh phần tử HTML có id là anhienfast
$("#nutanhienfast").click(function(e) {
$("#anhienfast").toggle("fast", function() {
alert("Phần tử đã được ẩn, hiện!");
});
});
// Ẩn, Hiện 1 giây phần tử HTML có id là anhientime
$("#nutanhientime").click(function(e) {
$("#anhientime").toggle(1000, function() {
alert("Phần tử đã được ẩn, hiện!");
});
});
</script>
</body>
</html><!DOCTYPE html>
<html>
<head>
<title>Phương thức toggle() truyền 2 tham số trong JQuery</title>
</head>
<body>
<h1>Phương thức toggle() truyền 2 tham số trong JQuery</h1>
<p>Tham số thứ 1 truyền vào có thể là số giây hoặc (slow là chậm) hoặc (fast là nhanh), tham số thứ 2 là một hàm con dùng để xử lý sau khi ẩn, hiện:</p>
<!--Ẩn, Hiện chậm phần tử HTML có id là anhienslow-->
<p id="anhienslow">Nội dung được ẩn slow (chậm) - hide("slow")</p>
<button id="nutanhienslow">ẨN, HIỆN SLOW</button>
<p>Click ẨN, HIỆN SLOW để ẩn chậm phần tử HTML có id là anhienslow</p>
<!--Ẩn, Hiện nhanh phần tử HTML có id là anhienfast-->
<p id="anhienfast">Nội dung được ẩn, hiện fast (nhanh) - hide("fast")</p>
<button id="nutanhienfast">ẨN, HIỆN FAST</button>
<p>Click ẨN, HIỆN FAST để ẩn, hiện nhanh phần tử HTML có id là anhienfast</p>
<!--Ẩn, Hiện phần tử HTML có id là anhientime với thời gian là 1 giây (1000)-->
<p id="anhientime">Nội dung được ẩn, hiện với thời gian là 1 giây (1000)</p>
<button id="nutanhientime">ẨN, HIỆN 1 GIÂY</button>
<p>Click ẨN, HIỆN 1 GIÂY để ẩn phần tử HTML có id là anhientime</p>
<script src="https://webmoi.vn/media/js/jquery-2.2.1.js"></script>
<script>
// Ẩn, Hiện chậm phần tử HTML có id là anhienslow
$("#nutanhienslow").click(function(e) {
$("#anhienslow").toggle("slow", function() {
alert("Phần tử đã được ẩn, hiện!");
});
});
// Ẩn, Hiện nhanh phần tử HTML có id là anhienfast
$("#nutanhienfast").click(function(e) {
$("#anhienfast").toggle("fast", function() {
alert("Phần tử đã được ẩn, hiện!");
});
});
// Ẩn, Hiện 1 giây phần tử HTML có id là anhientime
$("#nutanhientime").click(function(e) {
$("#anhientime").toggle(1000, function() {
alert("Phần tử đã được ẩn, hiện!");
});
});
</script>
</body>
</html>Phương thức toggle() truyền 2 tham số trong JQuery nằm trong bài viết Phương thức toggle() trong JQuery
