Как использовать?

Как и любойдругой плагин, просто включить его в цепочку вызовов:

$("#flipbox").flip({
	direction:'tb'
})

Как менять содержание?

Добавялем параметр content:

$("#flipbox").flip({
	direction:'tb',
	content:'Новое содержание'
})

Как добавлять возвратные функции?

Доступны три возвратные функции: onBefore, onAnimation, onEnd

$("#flipbox").flip({
	direction:'tb',
	onBefore: function(){
			console.log('Перед запуском анимации');
	},
	onAnimation: function(){
			console.log('После запуска анимации');
	},
	onEnd: function(){
			console.log('Когда анимация уже закончилась');
	}
})

Как сбросить изменения?

Существует скрытый метод revertFlip: он возвращает элемент в исходное состояние.

$("#flipbox").revertFlip()

Все опции

Список доступных опций:

• contentопределяет новое содержание переворачиваемого элемента. Работает с : HTML, текстом или объектом jQuery, например: $("selector").
• directionнаправление переворота. Вохможные значения: 'tb' (верх-низ), 'bt' (низ-верх), 'lr' (лево-право), 'rl'(право-лево). По умолчанию:'tb'.
• colorЦвет фона перевернутого элемента.
• speedСкорость анимации.
• onBeforeВозвратная функция, выполняемая перед запуском анимации.
• onAnimationВозвратная функция, выполняемая после запуска анимации.
• onEndВозвратная функция, выполняемая после завершения анимации.