Nút Ẩn / Hiện Cho Bài Viết

Demo :

Nội dung đã được thu gọn Hiện Ra!

Siuhot.vn - Chia Sẻ Online ~ Kết Nối Tương Lai

Code :

<div style="padding: 3px; background-color: #DFEBFA; border: 1px solid #a8cbf7;  font-weight: bold;"> <div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"> <span 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.innerHTML = '<b>Bấm Ẩn Đi Để Ẩn Nội Dung</b><a style=\'float:right\' href=\'#\' onClick=\'return false;\'>Ẩn Đi</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Nội dung đã được thu gọn </b><a style=\'float:right\' href=\'#\' onClick=\'return false;\'>Hiện Ra!</a>'; }" /><b>Nội dung đã được thu gọn </b><a style="float:right" href="#" onClick="return false;">Hiện Ra!</a><br /> </span></div> <div class="quotecontent"> <div style="display: none;"> {TEXT} </div> </div> </div>

Share on Google Plus