JavaScript Effect: Tạo hiệu ứng ẩn hiện thông tin đơn giản.

Sử dụng đoạn JavaScript này bạn có thể tạo một hiệu ứng ẩn hiện thông tin đơn giản, khi người dùng muốn xem nội dung thì chỉ cần click chuột vào nút hiện, và khi nào muốn ẩn đi thì click chuột vào nút ẩn, hiệu ứng này được sử dụng rất rộng rãi được dùng để ẩn một số thông tin hoặc phần nào đó không quan trong trong lắm để làm tăng khung nhìn của người dùng, giúp người dùng có thể tập trung vào các phần chính và khi muốn xem phần phụ hay thông tin phụ họ chỉ cần click vào chúng.

Hỗ trợ trình duyệt: Firefox, IE, Chrome, Safari, Opera



JavaScript Effect Source:

<script type="text/javascript" language="JavaScript"><!--
function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "block";
}
function ReverseDisplay(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
  //--></script>Content Info:<br/>
<a href="javascript:ShowContent('uniquename')">
Show Content
</a>
<div id="uniquename" style="display:none;">
<p>Visit us again!</p>
<a href="javascript:HideContent('uniquename')">
Hide Content
</a>
</div>