Javascript 我得推两下才能打开那个分区

我正在使用一个JavaScript代码，它假设显示一个隐藏的DIV，但不知何故，我必须推两次才能显示该DIV

JavaScript代码：

    function AddComp() {
    HideComp();


    $("#Add-Com").click(function () {
        $("#hide").toggle("fast", function () {

            $('#hide').css({ visibility: "visible", height: "auto" });
        });
    });
    var a = document.getElementById("divSave");
    a.onclick = InsertComp; 
}

function HideComp() { 
  $('#hide').css({ visibility: "hidden", height: "0" }); 
  $("#Name").val(""); 
  $("#Address").val(""); 
  $("#Email").val(""); 
}

在HTML中，我有以下内容：

<div id="Add-Com" onclick="AddCom()">
        <span>Add Company</span></div>
<div id="hide" style="visibility: hidden; height: 0px;"> .....the code

添加公司
……守则

有人能帮我吗

默认状态为隐藏。我想通过单击一次来切换它。 谢谢

---

这似乎是按照我想要的方式来做的

HideComp（）做了什么？InsertComp和AddComp是同一件事吗？您在JS中引用了

#AddCom

，但是div的id是

Add Com

。您在

AddComp

函数中绑定

click

处理程序。因此，您需要单击一次以启用单击处理程序，然后第二次运行它。您到底想做什么？这段代码没有什么意义。

addcom

按钮调用

AddComp

，调用

HideComp

，并将另一个单击处理程序绑定到

addcom

。然后第二次单击

addcom

调用两个单击处理程序，从而隐藏和取消隐藏

hide

div。您到底想要实现什么？是否希望

addcom

隐藏隐藏的div？展示它？切换它？

   if ($("#hide").is(":visible")) $("#hide").hide(); 
else $("#hide").toggle("slow", function () 
{ $('#hide').css({ visibility: "visible", height: "auto" });