Phương thức fadeIn() truyền 2 tham số trong JQuery

Phương thức fadeIn() truyền 2 tham số trong JQuery

Phương thức fadeIn() 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 fadeIn() truyền 2 tham số trong JQuery</title>
</head>
<body>

<h1>Phương thức fadeIn() truyền 2 tham số trong JQuery</h1>
<p>Tham số thứ 1 truyền vào có thể là số giây cụ thể hoặc (slow là chậm tầm 600ms) hoặc (fast là nhanh tầm 200ms), thời gian này dùng để thực hiện từ trong suốt đến làm mờ rồi hiện ra nguyên mẫu của phần tử HTML, tham số thứ 2 là một hàm con dùng để xử lý sau khi hiện:</p>

<!--Hiện chậm(slow) phần tử HTML có id là hienid-->
<p id="hienid">Nội dung để hiện chậm(slow)</p>
<button id="nutanid">ẨN ID</button>
<button id="nuthienid">HIỆN SLOW</button>
<p>Click ẨN ID và HIỆN SLOW để ẩn, hiện chậm(slow) phần tử HTML có id là hienid</p>

<!--Hiện phần tử HTML có id là hienstyle đã ẩn bằng style với thời gian là 3 giây (3000)-->
<p id="hienstyle" style="display:none">Nội dung ẩn bằng style và hiện với thời gian là 3 giây</p>
<button id="nuthienstyle">HIỆN STYLE</button>
<p>Click HIỆN STYLE để hiện phần tử HTML có id là hienstyle với thời gian là 3 giây</p>

<!--Hiện nhanh(fast) phần tử HTML có id là hienfast đã ẩn bằng style-->
<p id="hienfast" style="display:none">Nội dung ẩn bằng style được hiện nhanh(fast)</p>
<button id="nuthienfast">HIỆN FAST</button>
<p>Click HIỆN FAST để hiện nhanh(fast) phần tử HTML có id là hienfast</p>

<script src="https://webmoi.vn/media/js/jquery-2.2.1.js"></script>
<script>
// Ẩn phần tử HTML có id là hienid
$("#nutanid").click(function(e) {
  $("#hienid").hide();		
});

// Hiện chậm(slow) phần tử HTML có id là hienid 
$("#nuthienid").click(function(e) {
  $("#hienid").fadeIn("slow", function() { 
    alert("Phần tử đã được hiện!"); 
  });				
});

// Hiện phần tử HTML có id là hienstyle đã ẩn bằng style với thời gian là 3 giây (3000)
$("#nuthienstyle").click(function(e) {
  $("#hienstyle").fadeIn(3000, function() { 
    alert("Phần tử đã được hiện!"); 
  });						
});

// Hiện nhanh(fast) phần tử HTML có id là hienfast đã ẩn bằng style
$("#nuthienfast").click(function(e) {
  $("#hienfast").fadeIn("fast", function() { 
    alert("Phần tử đã được hiện!"); 
  });					
});
</script>
</body>
</html>
Phương thức fadeIn() truyền 2 tham số trong JQuery nằm trong bài viết Phương thức fadeIn() trong JQuery