Menu

Tạo nút Show/Hide để mở đóng ẩn hiện nội dung cho Blogspot Blogger

Demo 1:



Demo 2:



Các bạn chỉ cần vào phần Bài đăng mới -> Qua phần HTML -> Chèn đoạn Code sau vào là xong:

<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Click to show/hide" type="button">Open/Close</button>
<div id="spoiler" style="display: none;">
Nội dung của bạn ở đây, có thể chèn mã HTML vào trong này nhé!
</div>


Tùy chỉnh:
  • Thay thế Open/Close theo ý muốn
  • Nếu muốn có nhiều button này trong 1 trang thì tạo cho mỗi 1 button 1 ID riêng, ví dụ ở trên ID là spoiler
  • Để sử dụng 1 regular link thay vì 1 button, đơn giản thay thế ký tự button với ký tự a


1 nhận xét :

  1. Cái này không hoạt động khi sử dụng mobile bạn ơi, Fix thế nào bạn!

    Trả lờiXóa