https://github.com/wbotelhos/flipy

:recycle: jQuery Flipy - Collapse and expand content
https://github.com/wbotelhos/flipy

collapse expand flip fold unfold

Last synced: 7 months ago
JSON representation

:recycle: jQuery Flipy - Collapse and expand content

• Host: GitHub
• URL: https://github.com/wbotelhos/flipy
• Owner: wbotelhos
• License: mit
• Created: 2018-07-09T19:50:22.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-07-10T01:55:45.000Z (over 7 years ago)
• Last Synced: 2025-02-28T21:05:44.300Z (8 months ago)
• Topics: collapse, expand, flip, fold, unfold
• Language: JavaScript
• Homepage:
• Size: 27.3 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: changelog.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Flipy - Collapse and expand content

[![Build Status](https://img.shields.io/travis/wbotelhos/flipy/master.svg)](https://travis-ci.org/wbotelhos/flipy)

[![NPM Version](https://badge.fury.io/js/flipy.svg)](https://badge.fury.io/js/flipy)

[![Dependency](https://david-dm.org/wbotelhos/flipy.svg)](https://david-dm.org/wbotelhos/flipy)

[![Dev Dependency](https://david-dm.org/wbotelhos/flipy/dev-status.svg)](https://david-dm.org/wbotelhos/flipy#info=devDependencies)

[![Code Climate](https://codeclimate.com/github/wbotelhos/flipy.png)](https://codeclimate.com/github/wbotelhos/flipy)

[![Support](https://img.shields.io/badge/donate-%3C3-brightgreen.svg)](https://www.patreon.com/wbotelhos)

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

## Options

```js

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:

```html



  


  
Hello World!



```


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

```js

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

```