javascript - 使用show或show in JavaScript

我正在使用以下JavaScript代码。而不是隐藏。我想要div是否可见，然后在页面加载时将其隐藏。在按钮上单击它应该是可见的。但目前情况正相反。

<script type="text/javascript">
    $(document).ready(function () {
        $("#lnkbtn").click(function () {
           if ($('#divreg').is(":hidden")) {
                $('#divreg').show(500);
                document.getElementById('lnkbtn').innerHTML = "Hide";
            } else {
                $("#divreg").hide(500);
                document.getElementById('lnkbtn').innerHTML = "Show";

            }

        });
    });
</script>

HTML：

   <asp:Button ID="lnkbtn" runat="server" Text="Additional Details" CausesValidation="False" OnClientClick="return false;"  />
   <div id="divreg">
     <p> Some content here.. </p>
   </div>

最佳答案

在您的提琴中，您正在使用"display:none"作为隐藏div的CSS，但是您正在检查是否正在使用:hidden，这意味着它将永远不会测试为真。您需要将css更改为"visibility:hidden"，它可以按预期工作