jQuery Form Toggle

Here's a little jQuery plugin that makes it easy to show and hide elements based on the state of a checkbox, radio button, or select menu.

Although basic functionality like this is easy to write, it can quickly get complex in certain situations. It's especially useful for setting up the initial page view on forms that are already filled out.

Features

  • Properly sets up initial page state
  • Customizable show/hide options including event callbacks.
  • Callbacks available on init to customize page setup.
  • Reversible

Check it out on GitHub


Demo

You can see me.
I was hidden too.


Showing by default.


Hidden by default.


You have radio one selected.
You have radio two selected.
You have radio three selected.