Description

Applies a class to the target when toggled on.

Usage

as element:
<class:toggle
       target="{string}"
       toggle-class="{string}"
       [name="{string}"]>
</class:toggle>

Directive info

  • This directive creates new scope.

Parameters

ParamTypeDetails
targetstringjQuery selector for element
toggle-classstringName of class to toggle
name (optional)stringName of toggle. If set the user’s preference for the toggle will be saved

Example

<search:class-toggle target="#chart" class="hide" name="chart">Toggle</search:class-toggle>