Question

有人可以使用jQuery slideToggle帮助我解决我的问题。我想使用1按钮slideToggle div，但它似乎无法正常工作

这里：

<script type="text/javascript">
    $("#btnaddphone").click(function () {
        $("#togbap").hide();
        $("#togbap").slideToggle();
    });
</script>

<div id="AddPhone">
                <table>
                <tr>
                    <td width="300" height="150" style="text-align:left">
                    <asp:Button ID="btnaddphone" runat="server" Text="+" OnClientClick="return false;" />
                    <asp:Label ID="lbbus10" runat="server" Text="Add Phone"></asp:Label>
                    <div id="togbap">
                    <table>
                    <tr>
                        <td><asp:Label ID="aplandline" runat="server" Text="Landline work"></asp:Label></td>
                        <td><asp:TextBox ID="aptxt1" class="basetxt" runat="server" ></asp:TextBox></td>
                    </tr>
                    <tr>
                        <td><asp:Label ID="aphppersonal" runat="server" Text="Handphone personal" ></asp:Label></td>
                        <td><asp:TextBox ID="aptxt2" class="basetxt" runat="server"></asp:TextBox></td>
                    </tr>
                    <tr>
                        <td><asp:Label ID="aphpwork" runat="server" Text="Handphone work"></asp:Label></td>
                        <td><asp:TextBox ID="aptxt3" class="basetxt" runat="server"></asp:TextBox></td>
                    </tr>
                    </table>
                    </div></td>
                    <td width="300"></td>
                </tr>
                </table>
                </div>

它在btw

对话框中

Answer 1

首先，将您的代码放入文档中。其次，在点击事件之前放置隐藏代码，否则您将对点击事件采取相同的操作，以便使用slideToggle。

<script type="text/javascript">
   $(document).ready(function() { 
    $("#togbap").hide();
    $("#btnaddphone").click(function () {
        $("#togbap").slideToggle();
    });
  });
</script>

jQuery slideToggle div使用1按钮

1 个答案: