I’m using the jQuery plugin Quick Flip, but I’m having two issues with one of my pages.
First, I want it to flip when the mouse hovers, which I’ve been able to do, but I’d also like it to go back to it’s original state when you’re not hovering. On the jQuery’s forum, others are asking the same question, and the creator says it’s possible, but won’t provide the code for it. I’ve tried different methods, even playing with a setTimeout to force it back, but I keep breaking the code each time so I’m clearly not doing it right.
Second, it sometimes won’t flip back at all when you hover again if the panel contains a link. My example doesn’t show this though. Any idea why that happens?
Here is my example: http://kimkellermedia.com/test3/test2.html
Right now the js is:
jQuery(function($){
$('.quickFlip').quickFlip();
for ( var i = 0; i < $.quickFlip.wrappers.length; i++ ) {
var thisOne = $.quickFlip.wrappers[i];
$( thisOne.wrapper ).hover( function(ev) {
var $target = $(ev.target);
if ( !$target.hasClass('quickFlip') ) $target = $target.parent();
$target.quickFlipper();
}, function() {});
}
});
Felix answered my question with his comment:
http://jsfiddle.net/Ae9Lx/