Phương thức fadeIn() không tham số trong JQuery

Phương thức fadeIn() không tham số trong JQuery

Phương thức fadeIn() không tham số trong JQuery

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Phương thức fadeIn() không tham số trong JQuery</title>
</head>
<body>

<h1>Phương thức fadeIn() không tham số trong JQuery</h1>
<p>Không cần truyền tham số vào phương thức, mặc định thời gian 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 là 400ms:</p>

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

<!--Hiện phần tử HTML có id là hienstyle đã ẩn bằng style -->
<p id="hienstyle" style="display:none">Nội dung ẩn bằng style</p>
<button id="nuthienstyle">HIỆN STYLE</button>
<p>Click HIỆN STYLE để hiện phần tử HTML có id là hienstyle</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 phần tử HTML có id là hienid
$("#nuthienid").click(function(e) {
  $("#hienid").fadeIn();		
});

// Hiện phần tử HTML có id là hienstyle đã ẩn bằng style
$("#nuthienstyle").click(function(e) {
  $("#hienstyle").fadeIn();		
});

</script>
</body>
</html>
Phương thức fadeIn() không tham số trong JQuery nằm trong bài viết Phương thức fadeIn() trong JQuery