Basic demo

Source code

			
			javascript
$(function(){
  $('#form1').formalist();
});
			
		

			
			css
form .hidden {display:none;}
form .visible {display:block;}
			
		

			
			html
<form id="form1">
  <div class="box">
    What's your favorite resolution on Youtube?
    <label><input type="checkbox" id="1080p" />1080p</label>
    <label><input type="checkbox" id="720p" />720p</label>
  </div>
  <div class="box" data-show="1080p">
    You choose the "1080p" resolution
  </div>
  <div class="box" data-show="720p">
    You choose the "720p" resolution
  </div>
</form>
			
		

Other demonstrations

• Basic demo - a simple demo with checkboxs
• Cascade demo - cascade demo that shows a multiple nested lists
• Input demo - custom options demo with an input field of type text
• Style demo - pretty css demo to make your form visually awesome

Github

This demo sample comes from a Github repository
https://github.com/xavierfoucrier/formalist

Made with love by xavierfoucrier