jQuery Form Accordion Plugin

File Size: 35.8 KB
Views Total: 2488
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Form Accordion Plugin

Form Accordion is a jQuery Plugin for easily hiding and revealing related form fields conditionally.

Usage:

1. Include jQuery Library and form-accordion.js

<script src="js/vendor/jquery-1.7.2.min.js"></script>
<script src="js/form-accordion.js"></script>

2. Markup

<form>
<fieldset id="example-1">
<div>
<label for="field-1">Field 1</label>
<input id="field-1">
</div>
<div>
<label for="field-1.2">Field 1.2</label>
<input id="field-1.2" value="Example of a default value">
</div>
<div>
<label for="field-1.3">Field 1.3</label>
<input id="field-1.3">
</div>
<div>
<label for="field-1.4">Field 1.4</label>
<input id="field-1.4">
</div>
<div>
<label for="field-1.5">Field 1.5</label>
<input id="field-1.5">
</div>
</fieldset>
</form>

3. Call the function

<script>

      $('#example-1').formAccordion(
        { auto: true
        }
      );

</script>

This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.