Status-Widgets

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


status.collapse

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

Parameters
{{ status.collapse(id, item_trigger) }}
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
a item witch triggers the collapse
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 simle html, to show and hide a div:

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

Popup

... or a popup ...

OK
Or use it to show and collapsable sections:

Block

Content

Widgets

Design

Misc