Question

如何进行锚链接点击应显示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';
    }

Answer 1

尝试使用visibility代替display。

style="visibility:hidden;"

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

Answer 2

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

<a onclick="$('#translate').toggle()"></a>

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

2 个答案: