toggle-targets v2.2.1

Toggle Targets

Toggle another element by data attribute.

Demo Examples

Install

npm i toggle-targets

HTML

See examples for .. well, examples. But here's the gist of it, and parameters:

<button
  data-tt-set="example"
  data-tt-toggle="target-1"
>Toggle</button>
<div
  data-tt-set="example"
  data-tt-target="target-1"
  hidden
>
  <p>Target element to be toggled</p>
  <button data-untoggle-set="example">Close</button
</div>

Attributes for the toggle button

Attributes for the target element

Optional additional elements

<button data-tt-untoggle>Close</button
<input data-tt-focus />

SCSS

@import "toggle-targets/src/index";

JS

import { initToggleTargets } from "toggle-targets";
const toggleSets = initToggleTargets();