如何在java脚本中切换(隐藏/显示)onClick of <a>标签的表格

Question

我想显示和隐藏(切换)<table> onClick事件<a>.这是我的<a>标签

<a id="loginLink" onclick="toggleTable(true);" href="#">Login</a>

这是我的java脚本函数 toggleTable(hide)

   <script>
    function toggleTable(hide)
    {
    if (hide) {
       document.getElementById("loginTable").style.display="table";
       document.getElementById("loginLink").onclick = toggleTable(false);

    } else {
       document.getElementById("loginTable").style.display="none";
       document.getElementById("loginLink").onclick = toggleTable(true);
    }
   }
   </script>

这是我的<table>标签

<table id="loginTable" border="1" align="center" style="display:none">

第一次点击<a> link它显示我的表,但下次点击它时不会隐藏.我做错了什么.

Answer 1

您正在尝试更改onclick同一函数调用内部的行为.试试这样:

锚标签

<a id="loginLink" onclick="toggleTable();" href="#">Login</a>

JavaScript的

function toggleTable() {
    var lTable = document.getElementById("loginTable");
    lTable.style.display = (lTable.style.display == "table") ? "none" : "table";
}

Answer 2

使用jquery很简单

<script>
$(document).ready(function() {
    $('#loginLink').click(function() {
    $('#loginTable').toggle('slow');
    });
})
</script>