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

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

Phương thức toggle() 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 toggle() không tham số trong JQuery</title>
</head>
<body>

<h1>Phương thức toggle() không tham số trong JQuery</h1>
<p>Không cần truyền tham số vào phương thức:</p>

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

<!--Ẩn, Hiện những phần tử HTML có class là classp-->
<p class="classp">Nội dung trong class</p>
<p class="classp">Nội dung trong class</p>
<p class="classp">Nội dung trong class</p>
<button id="nutanclassp">ẨN, HIỆN CLASS</button>
<p>Click ẨN, HIỆN CLASS để ẩn, hiện những phần tử HTML có class là classp</p>

<!--Ẩn, Hiện những thẻ P-->
<p>Nội dung trong thẻ P</p>
<p>Nội dung trong thẻ P</p>
<button id="nutanthep">ẨN, HIỆN THẺ P</button>
<p>Click ẨN, HIỆN THẺ P để ẩn, hiện những thẻ P</p>

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

// Ẩn những phần tử HTML có class là classp
$("#nutanclassp").click(function(e) {
  $(".classp").toggle();		
});

// Ẩn những thẻ P
$("#nutanthep").click(function(e) {
  $("p").toggle();		
});
</script>
</body>
</html>
Phương thức toggle() không tham số trong JQuery nằm trong bài viết Phương thức toggle() trong JQuery