Nhiều khi bạn muốn sử dụng một đoạn nội dung ẩn thì 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 đó.
 |
| Code tạo Button Ẩn-Hiện nội dung cho blogspot. |
Create button Close/Open for Blogspot
Demo:
Cách làm
Bạn chèn đoạn code dưới đây vào bất kì chỗ nào mà bạn muốn hiển thị chúng trong bài viết.
<div>
<div>
<input type="button" value="Xem" style="width:75px; font-size:11px; margin-bottom:5px; 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>
Xuất bản bài viết thế là xong, rất đơn giản đúng không nào!
Bài viết cũ cũng thuộc dạng vô tri rồi nhưng úp làm mới cho nó có nội dung mới. Cảm ơn anh em ghé xem!
nểu mở ra mặc định là nó đang hiện được không bạn
Trả lờiXóanếu mở ra mặc định là nó đang "hiện" chứ không ẩn - được không bạn
Trả lờiXóađảo vị trí ẩn hiện trong code đấy bạn
Xóaý là khi f5 cái là nó hiện ra mục lục luôn bạn ! nếu mình cần ẩn mới click vào - còn mặc định khi f5 là nó "hiện" trước
Trả lờiXóaý là khi f5 cái là nó hiện ra nội dung văn bản luôn bạn ! nếu mình cần ẩn mới click vào - còn mặc định khi f5 là nó "hiện" trước
Trả lờiXóamình nghĩ là có thể đảo none hoặc ko none chỗ phần style.display =
Xóa