如何使表在加载时保持隐藏，然后在单击按钮时显示它

Question

嗨，我试图实现隐藏和显示表。 在加载页面表时应该隐藏起来，当我单击按钮时它必须可见。 为此，我在div下创建了一个表，并创建了一个按钮并创建了脚本函数。 这是带有div // div的表，该表的公司名称公司地址公司电话号码

按钮代码，

<asp:Button ID="AddMore_Button" runat="server" Text="Add More" class="btn btn-primary" OnclientClick="AddMore_Button"/>   //button for displaying table

当我单击按钮时，什么也没有发生。 这是脚本

<script>
            $(document).ready(function () {
                $('#AddMoreDetails').hide()
                $('#AddMore_Button').click(function () {
                    $("#AddMoreDetails").fadeToggle('fast');
                });
            });
            </script> 

While page loading table is hiding but when I click button it is not triggering. Any help..??

Answer 1

您编写的代码效果很好： https ： //jsfiddle.net/n3n82epr/

$(document).ready(function () { $('#AddMoreDetails').hide() $('#AddMore_Button').click(function () { $("#AddMoreDetails").fadeToggle('fast'); }); });

也许您的HTML代码中包含一些不正确的标记。 您可以使用： https : //validator.w3.org/检查您的页面。

Answer 2

您的代码应该可以正常工作。 该表将在页面加载时可见，直到脚本运行为止。 因此，最好在表中添加样式display:none 。

Answer 3

您的代码工作正常，请检查您指定的ID /类名

    $(document).ready(function(){
     $('p').hide();
          $("button").click(function(){
            $("p").fadeToggle('fast');
    });
});