how to make a link click show content of div using z-index?
<p>How to make a anchor link click should show the content of a div but without pushing the content underneath the link down.And when you click out side of that div should close the div.</p>

<p>Javascript or jquery is fine. Here is what I got so far:</p>

<pre><code>&lt;a onclick="toggleDiv()"&gt;&lt;/a&gt;
&lt;div id="translate" style="display:none;"&gt;This is the content should be shown but don't push the content down.&lt;/div&gt;
</code></pre>

<p>Here is the script</p>

<pre><code>function toggleDiv()
    {
        var googleDiv = document.getElementById('translate');
        if(googleDiv.style.display == 'block')
            googleDiv.style.display = 'none';
        else
          googleDiv.style.display = 'block';
    }
</code></pre>
