Web Component: j-ToggleMore

  • Info
  • HTML
  • JS
  • CSS
  • Meta


Is a simple component to toggle content.

  • You can change CSS for your needs.


  • component.toggle(force) can toggle the component. The parameter force is optional and will force the value. eg. component.toggle(true); will show ui-togglemore-after.

Good to know:

The content of the j-ToggleMore is divided into 2 parts: before and after. Each part must be defined. The component adds CSS classes to each part, for example first div will contain ui-togglemore-before and the second ui-togglemore-after. To avoid "blink" add class hidden to the second div.

<div data---="togglemore__path__config">
        Content before
    <div class="hidden">
        Content after