i have a site where i am using an accordion menu plugin and hoverIntent. this is the code for the accordion:
(function($) {
$.fn.hoverAccordionMenu=function(options){
var hoverIntentConfig = {
sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)
interval: 100, // number = milliseconds for onMouseOver polling interval
over: slideDown, // function = onMouseOver callback (REQUIRED)
timeout: 500, // number = milliseconds delay before onMouseOut
out: slideUp // function = onMouseOut callback (REQUIRED)
};
$('ul.menu > li').not(".active").find("ul").hide(); //hide 2nd level at startup
$('ul.menu > li:has(ul > li)').not(".active").hoverIntent( hoverIntentConfig );
function slideDown() {
$(this).find("ul").slideDown("slow");
}
function slideUp() {
$(this).find("ul").slideUp("slow");
}
}
})(jQuery)
on the same page i have a few simple boxes that i use jquery to close...
$(document).ready(function(){
$('.CloseMe').click(function (){
$(this).parent('div').css('display','none');
$('.EstimateShippingLink').css('display','block');
return false;
});
});
$(document).ready(function(){
$('.CloseMeFade').click(function (){
$(this).parent('div').fadeOut('slow');
});
});
on all other pages of the site where i dont open and close boxes with the code above, the accordion works fine. on this page, when i remove the accordion the boxes work fine. but both together dont work. and i only get the error in ie8
i tried replacing the this in the accordion or the this in the boxes. think maybe that was the issue. but that didnt work. any ideas?
here is the url of the site. http://www.markethallfoods.com/ you need to add something to the cart. that is the page that is broken. THE SITE IS LIVE...