flipy

Flipy - Collapse and expand content

Flipy is an tiny flipy editor to enable a quick ajax update with no need to create a form.

Options

openedClass: 'flipy__trigger--opened' // class used to indicate that the content is opened
speed:       200                      // speed of collapse and expand effect

Usage

You declare an element with optional data atributes:

<div class="flipy" data-opened-class='opened' data-speed="300">
  <div class="flipy__trigger"></div>
  <div class="flipy__content">Hello World!</div>
</div>

On JS you can declare attributes too, but data attributes has priority:

$('.flipy').flipy({ speed: 100 });