I have a code that when a user hovers over a search icon, a search form appears. But when hovered in google chrome the icon changes color but the form doesn't pop up...
Any ideas on what could be going wrong?
PHP Code:// ---------------------------------------------------------
// Main Menu Search
// ---------------------------------------------------------
$("#search-trigger").click(function(){ return false; });
$('#search-popup-wrapper').each(function () {
var distance = 10;
var time = 250;
var hideDelay = 500;
var hideDelayTimer = null;
var beingShown = false;
var shown = false;
var trigger = $('#search-trigger', this);
var info = $('.search-popup-outer', this).css('opacity', 0);
$([trigger.get(0), info.get(0)]).mouseover(function () {
if (hideDelayTimer) clearTimeout(hideDelayTimer);
if (beingShown || shown) {
// don't trigger the animation again
return;
} else {
// reset position of info box
beingShown = true;
info.css({
bottom: 5,
right: -12,
display: 'block'
}).animate({
bottom: '+=' + distance + 'px',
opacity: 1,
filter: '' //IE Transparency Hack
}, time, 'swing', function() {
beingShown = false;
shown = true;
});
}
return false;
}).mouseout(function () {
if (hideDelayTimer) clearTimeout(hideDelayTimer);
hideDelayTimer = setTimeout(function () {
hideDelayTimer = null;
info.animate({
bottom: '+=' + distance + 'px',
opacity: 0,
filter: '' //IE Transparency Hack
}, time, 'swing', function () {
shown = false;
info.css('display', 'none');
});
}, hideDelay);
return false;
});
});


Reply With Quote
Bookmarks