Các kiểu Ẩn hiện nội dung bài viết cho blogspot

Khi bạn viết một bài viết nào đó có nội dung quá dài như vậy sẽ làm cho người đọc phải rê chuột kéo thanh trượt liên tục. Ẩn hiện nội dung bài viết cho blogspot sẽ làm cho bài viết trở nên ngắn gọn hơn, chúng ta nên ẩn một số chi tiết không quan trọng trong bài viết. Trong bài viết này chia sẻ Các kiểu Ẩn hiện nội dung bài viết cho blogspot mọi người theo dõi và cùng làm nhé.

Ẩn hiện nội dung bài viết cho blogspot

Trong các code dưới đây đều thực hiện hai thao tác là Nút button Open/Close mở đóng & ẩn hiện nội dung.

Hướng dẫn tạo Các kiểu ẩn hiện nội dung bài viết cho blogspot

Code 1:

<script type="text/javascript">

function show_hide(id) {

var e = document.getElementById(id);

if(e.style.display == 'none')

e.style.display = 'block';

else

e.style.display = 'none';

}

</script>

<button onclick="show_hide('box01');"  type="button"> Tiêu đề  </button>

<br />

<div id="box01" style="display: none;"> Nội dung chi tiết </div>

Code 2:

<div id="spoiler" style="display: none;">
Nội dung của bạn ở đây
</div>
<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>

Vật là thủ thuật hướng dẫn tạo Ẩn hiện nội dung bài viết cho blogspot. Chúc mọi người thành công