I'm encountering an issue with my CSS3 carousel and 3D flipping. Whenever I navigate through the carousel and flip to the next slide, the first slide seems to automatically flip/flop after completing the rotation.
You can see a visual demonstration of the problem in this screencast.
For further reference, here is the link to the fiddle.
var init = function() {
var flippers = document.getElementsByClassName("flip");
for(i = 0; i < flippers.length; i++){
flippers[i].addEventListener( 'click', function(){
var cardID = this.getAttribute('data-targetid');;
var card = document.getElementById(cardID);
card.toggleClassName('flipped');
}, false);
}
};