ToggleMore

Is a simple component to toggle content.

• You can change CSS for your needs.

Methods:

• 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.

<ui-component name="togglemore">
    <div>
        Content before
    </div>
    <div class="hidden">
        Content after
    </div>
</ui-component>