javascript - 我必须按两次才能打开该 DIV

Question

我正在使用它假设显示隐藏 DIV 的 JavaScript 代码，但不知何故，我必须按两次才能显示该 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

谁能帮我？

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

Answer 1

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

似乎这是我想要的方式