Previous layer not showing
- by meep
Hello
I got a menu which can foldout and show some content based on the menu item.
See demo: http://arcticbusinessnetwork.com.web18.curanetserver.dk/home.aspx
If I hover the menu it works great, but if I click on "Raw Material", I can not access the PREVIOUS tab (Infrastructure) while the others fade in great. How can this be?
This is the javascript
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.hoverIntent.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
function megaHoverOver() {
$(this).find(".menu_content").stop().fadeTo('fast', 1).show();
}
function megaHoverOut() {
$(this).find(".menu_content").stop().fadeTo('fast', 0, function () {
$(this).hide();
});
}
var config = {
sensitivity: 2,
interval: 50,
over: megaHoverOver,
timeout: 300,
out: megaHoverOut
};
$("#menu ul li").not(".parenttocurrent").not(".current").find(".menu_content").css({ 'opacity': '0' });
$("#menu ul li").not(".parenttocurrent").not(".current").hoverIntent(config);
});
</script>
