JavaScript Toggle Function, How To Toggle An Element JavaScript

The simplest and shortest way to toggle an element in JavaScript

//HTML
<li id=”xxxx” style=”display:none;” >content of xxxx</li>

// JS
function toggle(){
if(document.getElementById(”xxxx”).style.display != ‘none’){
document.getElementById(”xxxx”).style.display = ‘none’;
} else {
document.getElementById(”xxxx”).style.display = ”;
}
}

Share and Enjoy:
  • Digg
  • Facebook
  • MySpace
  • del.icio.us
  • LinkedIn
  • Propeller
  • StumbleUpon
  • Technorati
  • YahooMyWeb
  • Live
  • Google Bookmarks
  • Reddit
  • TwitThis
Email