如何建立链接点击使用z-index显示div的内容?

时间:2012-03-21 22:27:52

标签: javascript jquery

如何进行锚链接点击应显示div的内容,但不要将链接下方的内容推下来。当你点击该div的一侧时,应该关闭div。

Javascript或jquery很好。这是我到目前为止所得到的:

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

这是脚本

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

2 个答案:

答案 0 :(得分:0)

尝试使用visibility代替display

style="visibility:hidden;"

if(googleDiv.style.visibility == 'visible')
  googleDiv.style.visibility = 'hidden';
else
  googleDiv.style.visibility = 'visible';

答案 1 :(得分:0)

您标记为query。如果您使用它:

<a onclick="$('#translate').toggle()"></a>
相关问题