Để tạo một khối ẩn/hiện khi bấm vào, bạn có thể dùng code html sau
<div style="padding: 3px; background-color: #FFFFFF; border: 0px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 0px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block; text-align: center;"><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 để </b><a href=\'#\' onClick=\'return false;\'>Ẩn nội dung</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Bấm đây </b><a href=\'#\' onClick=\'return false;\'>HIỆN NỘI DUNG ẨN</a>'; }"><b>Bấm đây </b><a href="#" onClick="return false;">HIỆN NỘI DUNG ẨN</a></span></div><div class="quotecontent"><div style="display: none;">
{Phần nội dung bị ẩn}
</div></div></div>Thay phần nội dung cần ẩn vào chỗ {Phần nội dung ẩn}. Khi đó, lúc bình thường nội dung sẽ bị ẩn dưới dòng chữ “bấm để HIỆN NỘI DUNG ẨN”, khi bạn bấm vào dòng chữ “bấm để HIỆN NỘI DUNG ẨN” thì nội dung bị ẩn sẽ hiện ra.
Have fun!
