chabuya

Hey there,
I want a div element only to show when you hover over an anchor of the main menu.
The problem is: This div is not a child of the menu, so i can't do it through simple hover and display css functions.


That's the menu.


This is what should appear when you're hovering one of the items.
Also, I want a different div for the different menu anchors, because I dont think wordpress can read the category by a hover. And, if this wasn't enough, I have no idea how to build this so you can actually from the menu anchor to the subnav without it disappearing when you're not above the anchor.

Here's the website:www.chabuya.net

I already tried hundreds of show/hide scripts, solving this via css but nothing works for me.
I'd be grateful for any suggestions.

Thanks in advance,
Kevin

johnscott

Try using javascript getElementById() method and set the visibility of the div you want to hide. You'd have to put an onmousever="ShowDiv()"....or something like that..and a onmouseout="HideDiv()"

<a onmouseover='ShowDiv' onmouseout='HideDiv'>Link here</a>

<div id='div1'>some text here</div>


<script type='javascript'>

function ShowDiv()
{
getElementById ('div1').visibility=''; //shows the div
}

function HideDiv()
{
getElementById ('div1').visibility='none'; //hides the div
}
</script>


See if that works

__________________
Regards,

John Scott
Edmonton Web Design And Development