I am in the process of creating a tab system for beginners as an open-source project. Recently, I have come across what seems to be a bug in how Firefox handles CSS animations.
Issue with Tab Animations in Firefox
For the animation of each tab, I am utilizing Dan Eden's animate.css library. While everything works smoothly on Chrome and Safari, Firefox seems to only play the animation once and then fails to trigger it again.
To see this behavior firsthand, you can check out the demo on jsfiddle: http://jsfiddle.net/jsheffers/vqdJK/
$('#tabs li a').click(function(e){
$('#tabs li, #content .current').removeClass('current');
$(this).parent().addClass('current');
var currentTab = $(this).attr('href');
$(currentTab).addClass('current fadeInLeft');
e.preventDefault();
});