title: show hide div on mouseover and mouseout
body: <pre><code>&lt;script type="text/javascript"&gt;
  function show_sidebar()
  {
  document.getElementById('sidebar').style.visibility="visible";
  }
  
  function hide_sidebar()
  {
  document.getElementById('sidebar').style.visibility="hidden";
  }
  &lt;/script&gt;
  
  &lt;img src="images/cart.jpg" width="80px" height="30px" onMouseOver="show_sidebar()"     onMouseOut="hide_sidebar()"&gt;
  
  &lt;div id="sidebar"&gt;some thing&lt;/div&gt;
  </code></pre>
  
  <p>This is my code for showing and hiding sidebar div on mouseover and mouseout. Its working but i want is when i have mouseover on image, sidebar div is shown and i want sidebar div to be shown also when mouse is over sidebar. How can u do it.</p>