如何使表在加載時保持隱藏，然后在單擊按鈕時顯示它

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');
    });
});