Double click on Home (to get it to hide?)

**homicide** · 07-12-2012, 09:08 AM

Hi guys,

This has been driving me crazy for a few days. I have an entire menu in javascript. The only way to get home to dissapear is to click it twice. I want Home to show when the user gets to the index page, however I want to disappear when another menu is clicked. Right now when I click on About home stays on the top and about shows below it. However, if I double click on Home and then click on About it works just fine? Any ideas?

<html><head>

<script type="text/javascript">
var _hidediv = null;
function showdiv(id) {
if(_hidediv)
_hidediv();
var div = document.getElementById(id);
div.style.display = 'block';
_hidediv = function () { div.style.display = 'none'; };
}
</script>


</head>

<body><div class="content">

<fieldset class="colorLightBg">

<div class="contentBox colorLightBg minHeight">
<div class="contentBand colorBandBg">


<div class="pcheckbox" style="padding-top:0px;;">
<input type="button" id="btnhome" class="buttonSubmit" value="Home" onclick="showdiv('homeInfo'); " href="#">
<input type="button" id="btnabout" class="buttonSubmit" value="About" onclick="showdiv('aboutInfo'); " href="#">

</div>

<div id="homeInfo" style="padding:10px;">
<h2>Welcome!</h2>
HOME!!!
<p style="padding:10px;">
</p><h2>Part of Home</h2><p></p><p></p>
</div> 
<div id="aboutInfo" style="display:none;padding:10px;">
<h2>About Us</h2>
<p>ABOUT</p>

<p></p>
</div>
</div></div></fieldset></div></body></html>

**chrisranjana** · 07-12-2012, 09:41 AM

How about something like this

Code:

if(_hidediv)
{
_hidediv();
}
else
{

document.getElementById('homeInfo').style.display = 'none';



}

**homicide** · 07-12-2012, 10:34 AM

Originally Posted by chrisranjana

How about something like this

Code:

if(_hidediv)
{
_hidediv();
}
else
{

document.getElementById('homeInfo').style.display = 'none';



}

Thanks for the quick response. That disabled everything. Unless I placed it in the wrong area. I placed your code and replaced this:

if(_hidediv)
_hidediv();
var div = document.getElementById(id);
div.style.display = 'block';
_hidediv = function () { div.style.display = 'none'; };
}

**homicide** · 07-12-2012, 10:39 AM

http://goo.gl/9Yxfw

Here's the link to test out. If you click "About" the home part stays on the top. However, if you click on "Home" first, and then "About", it works just fine. The "Home" disappears and it works flawlessly. I'm stumped.