Javascript 使用jquery时不显示div

我正在使用一个管理面板进行管理，我试图在表之间跳转，隐藏它们并仅在单击某个id时显示每个表。 它不起作用，我隐藏了div，但我不能再次显示它。。。有什么建议语法错误在哪里？已经检查了双重身份

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
$(document).ready(function(){
$("#userst").click(function(){
    $("#userstable").show();
});
});
</script>
<li>
            <i  id = "userst" class="clip-grid-6" ></i>
            <a href="#">Users </a>
</li>

<div id = "userstable" class="row"  style=" overflow:auto; display:none;>
 </div>

---

这些是相关的代码行。

忘记了样式属性周围的双引号，并为div添加了内容。还更新了Javascript代码

HTML

试着从

<div id = "userstable" class="row"  style=" overflow:auto; display:none;>

---

您的HTML有一些缺陷。首先，id userst没有主体。您的目标是i-tag italic，在创建锚链接之前关闭它。 其次，您忘记关闭id为userstable的div中的样式属性列表

<li>
   <i id="userst" class="clip-grid-6" ><a href="#">Users</a></i>
</li>

---

这绝对不是所有的相关代码。你有没有测试过上面的代码片段？它缺少i元素的css定义，如果没有它，由于缺少内容，元素的宽度为0，高度为0。如前所述，此代码将运行，如果i元素具有大小，则将触发click事件。您的代码无效。id=中不能有空格，其次，style=后缺少双引号。第三，我不相信你能在导入jqueryAs的脚本标记中编写代码。例如，我已经修复了你的代码检查这个代码笔在我插入display none元素之前，我让这个代码运行得很好。userstable有显示主体吗？给它一个宽度，一个高度和背景色，以确保它。或者一些文字。。。某物

$("#userst").parent().find("a").click(function(){
    $("#userstable").show();
});

<li>
   <i id="userst" class="clip-grid-6" ><a href="#">Users</a></i>
</li>

$("#userst").click(function(event){
    event.preventDefault();
    $("#userstable").show();
});