Intro

open-toggle is a jQuery plugin that makes sure that only one element has (user-defined)open class at a time amongst the selected elements.

Demo

Basic
You can even have a default opened element by just adding open or user-defined class to that element!
Button 1
Link 1 Link 2
Button 2
Link 1 Link 2
Button 3
Link 1 Link 2

Usage

Download the plugin and add it to the page.


<script src="/path/to/jquery.open-toggle.min.js"></script>

Add some HTML elements to the page.


<div class="open-toggle"></div>
<h3 class="open-toggle"></h3>
<div class="open-toggle"></div>

Add the following script at the end of the <body> tag.


<script>
  $(document).ready(function(){
    $(".open-toggle").openToggle();
  });
</script>

Thats it! This plugin will make sure that only one element has open class.

Options

$( selector ).openToggle( <className> );

selector
Defines which element are to be considered by this plugin.

className - Optional. Default: open
Defines the class name that is to be added to element when it is clicked(opened).