Previous layer not showing
Posted
by meep
on Stack Overflow
See other posts from Stack Overflow
or by meep
Published on 2010-05-12T07:01:01Z
Indexed on
2010/05/12
7:04 UTC
Read the original article
Hit count: 293
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>
© Stack Overflow or respective owner