Status-Widgets

status.badge status.collapse status.log status.notify status.message


status.collapse

Show and hide a div or popup or collapse a section.

Parameters
{{ status.collapse(id, item_trigger, val_collapsed) }}
id
unique id for this widget. Use this id in a div in the data-bind attribute to bind it to that widget
item_trigger
an item witch triggers the collapse
val_collapsed
the value on which the target is collapsed (optional, default 0)
Examples
You may use this widget to collapse some html. To bind some divs to that widget you have to use the "data-bind" attribute in the div - tag. In this example the div is binded to the status.collapse and will be controled by it. The additional class="hide" will hide the div at startup.
{{ status.collapse('w1', 'bath.alert.info') }}
<div class="hide" data-bind="w1">
...
</div>
Use it with simple html, to show and hide a div:

Every simple html-code could be collapsed ... with text and icons sample icon ...
Or use it to show and hide a popup:

Popup

... or a popup ...

OK
Or use it to show and hide collapsable sections:

Block

Content

Widgets

Design

Misc