For some strange reason, the first time I attempt trigger an event
using mousover , I have to mouseover an element .accordionElement
twice (in, out, in of the element) before the trigger fires in Firefox
3. Once I fire the trigger once on that particular element, I can
mouse over it normally until the page is reloaded, then the same thing
happens. I searched google and found others with similar problems but
now resolution.
Works fine in IE7. Code below. Any ideas?
TKS
________
$(document).ready(function(){
startH = 24;
endH = 175;
speed = 700;
var mouseInConfig = {
sensitivity: 3,
interval: 200,
over: makeTall,
timeout: 1000,
out: doNothing
};
$('.opened').animate({"height": endH + "px"}, speed);
$("#accordion .accordionElement").mouseover(function() {
if (this.className.indexOf('opened') == -1) {
$(this).hoverIntent(mouseInConfig);
}
});
function makeTall() {
$('.opened').animate({"height": startH + "px"},
speed).removeClass('opened');
$(this).addClass('opened').animate({"height": endH +
"px"}, speed);
}
function doNothing() {}
});