Nhiều khi bạn muốn sử dụng một đoạn nội dung ẩn thi không cần thiết, chỉ hiện ra khi người dùng muốn đọc chúng. Vì vậy, bạn cần sử dụng một đoạn Code tạo Button làm ẩn hiện nội dung đó. Blog Son Jovis đã tạo thành công, bạn hay sử dụng ngay nhé. Chúc bạn thành công!
TẠO BUTTON ẨN HIỆN NỘI DUNG CHO BLOGSPOT
Demo:
Cách làm:
Bạn chèn đoạn cuối dưới đây vào bất kì chỗ nào mà bạn muốn hiển thị chúng.<div>
<div>
<input type="button" value="Xem" style="width:75px; font-size:11px; margin:0px; padding:4px; border="1"" 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 = 'Xem'; }">
</div>
<div>
<div style="display: none; border:#4F4F4F 1px solid; padding: 4px; background:# ">
NỘI_DUNG
</div>
</div>
