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

Trình soạn thảo - Phương thức toggle() không tham số trong JQuery

Kết quả - 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>