# ablocks/2.8.1/assets/build/blocks/toggle/view.js

aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder, version 2.8.1. 1 lines.

- Page: https://pluginprobe.com/plugins/ablocks/2.8.1/code/assets/build/blocks/toggle/view.js
- Raw: https://pluginprobe.com/plugins/ablocks/2.8.1/raw/assets/build/blocks/toggle/view.js
- Modified: 2025-09-03T12:45:06+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ablocks/2.8.1/code/assets/build/blocks/toggle/view.js#L10-L20`.

```javascript
(()=>{"use strict";document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll(".ablocks-block--toggle").forEach(l=>{(l=>{const e=l.querySelectorAll(".ablocks-block--toggle-child"),c=l.querySelector(".ablocks-toggle__checkbox"),o=l?.querySelector(".ablocks-toggle__label--left"),t=l?.querySelector(".ablocks-toggle__label--right");c.onchange=l=>a(l.target.checked);const a=l=>{l?(e[1].classList.add("ablocks-block--toggle-child--active"),e[0].classList.remove("ablocks-block--toggle-child--active"),o.classList.remove("ablocks-toggle__label--active"),t.classList.add("ablocks-toggle__label--active")):(e[0].classList.add("ablocks-block--toggle-child--active"),e[1].classList.remove("ablocks-block--toggle-child--active"),o.classList.add("ablocks-toggle__label--active"),t.classList.remove("ablocks-toggle__label--active"))};a(c.checked)})(l)})})})();
```