Script File

jq.toggleModule.js ( view )

Available Options

initialState

A string specifying whether the associated module should be displayed or hidden on initial page load. Available options include:

• "visible"
• "hidden"

Default value is "visible".

moreText

A string used to provide additional detail to the control label. Default values are "Show" and "Hide" depending on the module's visibility.

Basic Usage

$("ELEMENT").toggleModule();

$("ELEMENT").toggleModule({ options });

Minimum Browser Support

• Apple Safari 3
• Google Chrome 1
• Microsoft Internet Explorer 6
• Mozilla Firefox 3
• Opera 9

This module uses the default settings, initially visible and a generic control label.

Associated Code

<script type="text/javascript">
$(document).ready(function() {
  $("#modDemo1").toggleModule();
  });
</script>

This module includes more detailed text clarification on the control label.

Associated Code

<script type="text/javascript">
$(document).ready(function() {
  $("#modDemo2").toggleModule({
    moreText : "Example 2"
    });
  });
</script>

This module is initially hidden on page load, and includes more detailed text clarification on the control label.

Associated Code

<script type="text/javascript">
$(document).ready(function() {
  $("#modDemo3").toggleModule({
    initialState : "hidden",
    moreText     : "Example 3"
    });
  });
</script>