Javascript - toggle (show/hide elements)

toggle is a function that provides show/hide elements functionality in dynamic HTML. It is very famous, has long history and is used just a lot.

function toggle(elem) 
{
    var ob = document.getElementById(elem);
    var obStyleDisplay = ob.style.display;

    if (obStyleDisplay != 'none') 
    {
        obStyleDisplay = 'none';
    }
    else 
    {
        obStyleDisplay = '';
    }
}

Related Posts:

• Javascript Tip: Detect Client Time Zone
• Javascript Tip: Add Item to Combobox Dynamically
• Javascript: Open Pop-Up at Center of Client Window
• Javascript: How To Set Cursor to Textbox End
• Javascript Tip: Catch Browser Closing Event
• Javascript: Remove Upper Chars from String
• Javascript: How To Change Browser Scrollbars Colors
• Javascript: How to Close Browser Window (window.close()) Without Warning
• HowTo Delete Cookie Using Javascript
• Javascript Tip: Adjust iframe Size to Fit its Contents