onMouseOut change div to visibility:hidden

I have a list - onmouseout of the <ul> I want it to hide a div on the page.  Any suggestions?

Who is Participating?
btech1Connect With a Mentor Commented:
<head<script type="text/javascript">
function hideIt() {
<div id="me">
  Seeing me?
  <li><a href onmouseout="hideIt();">Hide it</a>
<script type="text/javascript">

function showIt() {
document.frm.text.style.visibility="visible"; //set to visible
function hideIt() {
document.frm.text.style.visibility="hidden"; //set to hidden

call this on your onmouseout event such as :-

<LI><A HREF="order.html"
    onMouseOver="describe('Order a product'); return true;"
Order Form</A>
<LI><A HREF="email.html"
    onMouseOver="describe('Send us a message'); return true;"

Alternatively, you can use
document.frm.text.style.display="none"; // hide
document.frm.text.style.display="block"; // show
As this above code will not only makes it invisible but removes it from the page, so it does not takes up any space
QuarfelburgAuthor Commented:
Perhaps I wasn't clear - I have a div absolutely positioned on a page and want an onmouseout to change the css on my style sheet to visiblity:hidden

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Sorry , forgot to mention above code was two snapshot from one of my apps , you would need to use
document.getElementById to get the pointer to your div tag , i.e :-

So the pseudo code would look like :-

In your list   : onMouseOut="hideIt(div id);"

In hide function :- function hideIt(Pass the div Object here) {
document.getElementById(div id).style.visibility="hidden"; //set to hidden
QuarfelburgAuthor Commented:
what do you mean by "Pass the div Object here"?

Pardon my ignorance.
QuarfelburgAuthor Commented:
Sorry meant to put assist on xp_commander

Anyway to change that?

Thanks guys,
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.