Product Slider for Website
The following code works great in internet explorer and opera, a little choppy in safari, doesnt work at all in firefox, and both chrome and safari - the product slider glitches and will re-slide while the cursor is still over the product box, i cant figure out why... In Firefox, the slider will continuously slide in a loop.. I am fairly new at JQuery and its probably something simple, but i do not see it. Please help!
<script type="text/javascript">
$(document).ready(function(){
$('.productTitle').hide('slide', {direction: 'left'}, 10);
$(".product img").css({opacity: 8.0});
$(".product").hover(function(){
$(this).find('img').fadeTo("normal", 0.03);
$(this).find('.productTitle').show('slide', {direction: 'left'}, "normal");
},function(){
$(this).find('img').fadeTo("normal", 1);
$(this).find('.productTitle').hide('slide', {direction: 'left'}, "normal");
});
});
</script>