W3.JS Ẩn & Hiển thị
w3.hide( selector )
Ẩn phần tử bằng Id phần tử
Để ẩn một phần tử có id được chỉ định, hãy sử dụng thẻ băm (#) trước tên id.
Ẩn phần tử có id="London":
Ẩn các phần tử bằng tên thẻ
Để ẩn tất cả các thành phần có tên thẻ được chỉ định, hãy sử dụng tên thẻ (không có < và >) làm bộ chọn.
Ẩn tất cả các phần tử <h2>:
Ẩn phần tử bằng tên lớp
Để ẩn tất cả các thành phần có tên lớp được chỉ định, hãy sử dụng dấu chấm (.) trước tên lớp.
Ẩn các phần tử có class="city":
Hiển thị các phần tử bằng Id phần tử
Để hiển thị một phần tử có id được chỉ định, hãy sử dụng thẻ băm (#) trước tên id.
Hiển thị một phần tử có id="London":
Hiển thị các phần tử bằng tên thẻ
Để hiển thị tất cả các thành phần có tên thẻ được chỉ định, hãy sử dụng tên thẻ (không có < và >) làm bộ chọn.
Hiển thị tất cả phần tử <h2>:
Hiển thị các phần tử bằng tên lớp
Để hiển thị tất cả các phần tử có tên lớp được chỉ định, hãy sử dụng dấu chấm (.) trước tên lớp.
Hiển thị các phần tử có class="city":
Chuyển đổi Ẩn/Hiển thị
w3.toggleShow( selector )
Chuyển đổi Ẩn và Hiển thị bằng Id phần tử
Chuyển đổi giữa ẩn và hiển thị một phần tử có id="London":
Ví dụ
<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>
Chuyển đổi ẩn và hiển thị bằng tên thẻ
Chuyển đổi giữa ẩn và hiển thị tất cả các phần tử <h2>:
Chuyển đổi ẩn và hiển thị bằng tên lớp
Chuyển đổi giữa ẩn và hiển thị các phần tử với class="city":
Ví dụ
<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>