Thêm 1 code ẩn nội dung (2) mới đẹp nữa!!!

Tình cờ ngồi view source thử và lấy được đoạn code này từ 1 diễn đàn VBB,share cho mọi người xài nè.
Áp dụng:
+Vào bài viết
+Chữ kí
Đây không phải là bbcode mà là HTML
Công dụng:
Khi bài viết quá dài,ta có thể dùng code này để ẩn bớt (Khi ai muốn đọc thì kick vào nút nó sẽ hiện ra) và khiến người đọc dễ đọc hơn.
Vậy khác gì só với code trước? :
Code chỉ hiển thị nút bấm,code lần này hiển thị nút bấm và nội dung ẩn ngay trên hình ảnh.
VD:

Khung nội dung ẩn

[SIZE="5"][B]Thấy gì chưa?

Và đây là code:

Code:

<div>

<fieldset><legend>Khung nội dung ẩn</legend>

<div style="background: url(Link ảnh)"> <div style="margin:0px 0px 0px 0px">
<div class="smallfont" style="margin-bottom:0px">
<input type="button" value="Hiện" style="width:75px;font-size:10px;margin:0px;padding:0px;" 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 = 'Hiện'; }">
</div>
<div style="margin: 0px; padding: 0px; border: 0px inset;">
<div style="display: none;">
[SIZE="5"][B]<font color="Màu">Nội dung muốn ẩn</font>
</div>
</div> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>

</fieldset></div>

Đây là code mà tớ đã dùng làm vd:

Code:

<div>

<fieldset><legend>Khung nội dung ẩn</legend>

<div style="background: url(http://i87.servimg.com/u/f87/13/77/40/44/untitl16.jpg)"> <div style="margin:0px 0px 0px 0px">
<div class="smallfont" style="margin-bottom:0px">
<input type="button" value="Hiện" style="width:75px;font-size:10px;margin:0px;padding:0px;" 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 = 'Hiện'; }">
</div>
<div style="margin: 0px; padding: 0px; border: 0px inset;">
<div style="display: none;">
[SIZE="5"][B]<font color="White">Thấy gì chưa?</font>
</div>
</div> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>

</fieldset></div>

Lưu ý:
+Chỗ tớ ghi link ảnh thì bạn phải thay link ảnh vào,vd : https://i.servimg.com/u/f87/13/77/40/44/untitl16.jpg
+Chỗ tớ ghi màu là phần hiển thị màu chữ,bạn có thể để đỏ,đen,trắng,... tuỳ ý.Lưu ý là khi nhập màu vào thì phải viết tiếng Anh và đánh hoa chữ cái đầu (vd: Trắng thì gõ vào là White,đỏ là Red)
+Chỗ tớ ghi nội dung muốn ẩn thì gõ những gì mà bạn muốn ẩn với người khác đấy
Hãy so sánh:
Code tạo nút bấm ẩn nội dung (1) và code ẩn nội dung (2) này nhé!

» Code ẩn nội dung (1)
» hướng dẫn sử dụng firebug
» Code đóng khung cực đẹp
» Chức năng ẩn nội dung[Hot!]
» Tắt nhanh các ứng dụng khi máy tính bị treo