Tạo nút ẩn hiện nội dung

Cái này thi thoảng cũng cần và khá tiện lợi.

Demo:

Nội dung cần ẩn

Code:

Tại nơi cần để nội dung ẩn, bỏ nguyên code này vào:

<div>
<div>
<input type="button" value="Hiện"
 style="width:150px;font-size:12px;margin:4px 0;padding:2px;text-align:center;" onclick="if
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 != '') {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = '';this.innerText = ''; this.value = 'Ẩn';
 } else {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = 'none'; this.innerText = ''; this.value = 'Hiện'; }">
</div>
<div>
<div style="display: none;">
Nội dung cần ẩn
</div>
</div>
</div>

- Thế chỗ "Nội dung cần ẩn" bằng nội dung cần thiết.
- Dòng màu vàng có thể tùy chỉnh tùy ý