Tạo button Ẩn hiện nội dung bài viết trong blog

Tweet

Chỉ với 1 dòng lệnh kết hợp là bạn có thể tạo 1 button cho phép ẩn hiện nội dung của bạn khi click vào nó. Thủ thuật này ta thường thấy trong các forum ,web , blog... Khi các bạn muốn áp dụng cho bài viết của mình thì cứ việc thay thế chữ màu xanh thành nội dung bài viết của bạn là xong.





<div style="margin-top: 0pt;">
<div style="margin-bottom: 0pt;">
Nội dung hiển thị<input 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 nội dung'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Hiện nội dung'; }" style="font-size: 14px; padding: 0px 5px;" type="button" value="Ẩn/Hiện" /></div>
<div style="margin: 0px;">
<div class="codeview" style="display: none;">
Nội dung muốn ẩn, hiện</div>
</div>
</div>