Class AutoHide

Example

This will automatically hide (with class lisn-hide) the element 3 seconds (default delay) after it is inserted into the DOM or after it gets any attributes changed on it (for example that might show it again).

<div class="lisn-auto-hide">
  Automatically hidden in 3s.
</div>
Copy

Example

This will automatically hide and then remove the element 3 seconds (default delay) after it is inserted into the DOM.

<div class="lisn-auto-remove">
  Automatically hidden and removed in 3s.
</div>
Copy

Example

This will automatically

• hide p elements with class message 2 seconds after they are inserted or changed
• hide p elements with class warning 5 seconds after they are inserted or changed; and it will save that particular AutoHide widget with ID myID so that it can be looked up using AutoHide.get
• remove p elements with class disposable 3 seconds (default delay) after they are inserted or changed

<div data-lisn-auto-hide="selector=p.message delay=2000 ;
                          selector=p.warning delay=5000 id=myID"
     data-lisn-auto-remove="selector=p.disposable">
  <p>Some text, this will stay.</p>
  <p class="message">
    Automatically hidden in 2s.
  </p>
  <p class="warning">
    Automatically hidden in 5s.
  </p>
  <p class="disposable">
    Automatically hidden and removed in 3s.
  </p>
</div>
Copy