Discover New Possibilities!

Expanding and Collapsing Block Elements

When creating web content, it can be beneficial to "hide" small sections of text or a form and have it "appear" when a user clicks on a link, for example. This allows the visible page content to be more prominent and allow the user to focus on specific data or images.

:: Error Wizard - Troubleshooting HTTP ::

HTTP Status :: 401

HTTP Status :: 401

The request requires user authentication. Check User Name and/or Password.

HTTP Status :: 500

HTTP Status :: 500

The server encountered an unexpected condition which prevented it from fulfilling the request.

The following JavaScript is responsible for expanding and collapsing the DIV's in the above example.

<script>
<!--//
function expandCollapse()
{
  try
  {
    for( var i=0; i<expandCollapse.arguments.length; i++ )
    {
      var element = document.getElementById( expandCollapse.arguments[i] );
      element.style.display = (element.style.display == 'none') ? 'block' : 'none';
    }
  }
  catch( e )
  {
    alert( 'ERROR :: expandCollapse()\n\n' + e );
  }
};
//-->
</script>