Menu
Hello i am trying to create a little easy navigation menu that only has five links and when you hover over one div it will show the contents of that selection…e.x music div will show ever music genre in a different div that appears when you hover over it.
i have it to where the div will show when you hover over it but the problem is when you try to go inside the div that appears it disappears i want it to beable to go to it and select a link from it
here is a simple part with just one div
div class=”selectedDiv”>Content for class “selectedDiv” Goes Here</div>
<div class=”childDiv”>
<div id=”insideChildDiv”>Content for id “insideChildDiv” Goes Here</div>
</div>
here is the jQuery:
$(document).ready(function() {
$(“.selectedDiv”).hover(function(){
$(“.childDiv”).animate({opacity: “show”}, “slow”);
}, function() {//seperate the show/hide into two different functions will not work right other qwise
$(“.childDiv”).animate({opacity: “hide”}, “fast”);
});
});
the only real css that will matter is i have the childDiv display:none;
any help would be freaking awesome!