Hey. I'm trying to get this script to work smoothly in webkit (Safari, Chrome, newest versions). It runs absolutely fine in Firefox. This code is called in the document.ready function:
$('#noScript').remove();
$("#content div.wrapper, #top div.wrapper").hide().stop().fadeIn({duration: 2000, queue: true });
$('#social a')
.children('span').hide()
.next('img').css('opacity', '0.4')
.parent().hover(function(){
$(this).children('img').animate({ opacity : 0.99}, {duration: 100, queue: false })
.prev('span').fadeIn({duration: 200, queue: false });
}, function(){
$(this).children('img').stop().css({ opacity : 0.4})
.prev('span').hide();
});
$('#language').css({opacity: '0.5'}).hover(function() {
$(this).animate({ opacity : 0.99}, {duration: 'fast', queue: false })
}, function(){
$(this).animate({ opacity : 0.5}, {duration: 'fast', queue: false });
});
Hovering over the selected items triggers an awfully slow animation. You can see a live example here: trinkaus.cc
Does anyone have any clue why this happens? Kind regards Sascha