title: Change onclick="showMore()" onmouseover
body: <pre><code>&lt;input id="button" type="button" value="Expand" onclick="showMore()"&gt;
  
  &lt;div id="d3"&gt;
  &lt;div class="button12" onclick="document.location='#'"&gt;Home&lt;/div&gt;
  &lt;div class="button12" onclick="document.location='#'"&gt;About&lt;/div&gt;
  &lt;div id="d1"&gt;
      &lt;input type="button" value="Shrink" onclick="showLess()"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h2>    </h2>
  
  <pre><code>&lt;script type="text/javascript"&gt;//&lt;![CDATA[ 
  
  var button = document.getElementById("button");
  var d3 = document.getElementById("d3");
  function showMore() {
      button.style.display="none";
      d3.style.display="block";
  }
  
  function showLess() {
      button.style.display="inline-block";
      d3.style.display="none";
  }
  //]]&gt;  
  
  &lt;/script&gt;
  </code></pre>
  
  <p>How can I change <code>onclick="showMore()"</code> to <code>hover..</code>?</p>
  
  <p>I need it to show without clicking it.</p>