Toggle State

Toggle from one value to another.

How to use

Copy-paste the following <script> near the end of your pages under JS Implementing Plugins to enable it.

        
          <script src="./assets/vendor/hs-toggle-state/dist/hs-toggle-state.min.js"></script>

Copy-paste the init function under JS Plugins Init., before the closing </body> tag, to enable it.

        
          <script>
            (function() {
              // INITIALIZATION OF TOGGLE STATE
              // =======================================================
              new HSToggleState('.js-toggle-state')
            });
          </script>

Basic example

Methods

Parameters Description Default value

targetSelector

 Selectors whose state changes depending on the current state (checked/unchecked) null

classMap.toggle

 Toggle class that is given/removed to an invoker classMap: { toggle: 'toggled' }