The wijflipcard widget allows you to display two panels of content, a front and a back, that can be toggled with a click (or on hover if you choose). Transitions between panels can be animated, and you can add any HTML content to each panel.

For a listing of all of the options, methods, and events available on this widget, please see the API docs for wijflipcard.

In this section

Quick Start

Main Elements

Markup and Scripting

FlipCard How To

FlipCard Concepts

Adaptive for Mobile Use

This widget is an adaptive widget. An adaptive widget is different from a jQuery UI widget in that you can use it in both mobile and non-mobile web applications. To use it in non-mobile applications, just use the regular help. To use it in mobile applications:

• Use jQuery Mobile instead of jQuery UI references
• Do not initialize the widget in script (unless you need to for complex widgets like charts)
• Use the data-role attribute to create the widget in markup

These steps are demonstrated in the jQuery Mobile topic.