Instructions & Help

Usage

The switcher working with a small bit of structured HTML.


          <div class="switcher-container">
            <div class="filter-widget">
              <span class="filter-active">Select one option...</span>
              <div class="switcher">
                //insert content here
              </div>
            </div>
          </div>

The only CSS necessary is:


            .switcher{display:none;}

to hide the content on page load. Other styles is applicable via CSS.

To apply switcher plugin, just attach to switcher-container class.


          jQuery(".switcher-container").switcher();

You can add and id or extra CSS classes, but the default classes may still remain.

Settings

Property Default Description
follow 
false
 boolean. Follow link href enstead of closing the switcher.

Demo

View all detailed demo: