输入显示没有失败？

Question

我有一个包含一些项目的div。第一次单击过滤器按钮时，div将显示。第二次单击按钮时，div将设置为display:none。

在Div设置为display:none之前

第二次点击过滤按钮时，它会隐藏div中的所有项目......但这些是剩下的

代码段：

 function ShowDivFilter() {

        if (document.getElementById("divFilter").style.display == "none") {
            $('div[id*="divFilter"]').attr("style", "visibility: visible; display: inline;");
        }
        else {
            $('div[id*="divFilter"]').attr("style", "visibility: hidden; display: none");
        }

    }

  <div id="divFilter" style="display:none;" >
            <table id="tblFilter">
                <tr>
                <td >
                    <b>Filter</b>
                </td>

                <td>
                    <asp:DropDownList runat="server" ID="ddlElement" >
                    </asp:DropDownList>
                </td>

                <td>
                    <asp:DropDownList runat="server" ID="ddlOperator" >
                        <asp:ListItem Text="Equal" Value="=" />
                        <asp:ListItem Text="Less than or equal" Value="<=" />
                        <asp:ListItem Text="Larger than or equal" Value=">=" />
                        <asp:ListItem Text="Not equal" Value="<>"/>
                    </asp:DropDownList>
                </td>

                <td>
                    <asp:TextBox runat="server" ID="txtFilter" ></asp:TextBox>
                </td>

                <td>
                    <asp:Button runat="server" id="btnDoFilter" Text="Ok" class="NavBut"/> 
                    <input id="btnCloseFilter" type="button" value="Clear" onclick="return ClearFilter()" class="NavBut" />                        
                </td>

                </tr>
            </table>
  </div>

任何原因都会导致上述问题？这与我的网络浏览器有关吗？

1 个答案:

答案 0 :(得分：1)

 $('#divFilter').toggle();

这对你有用

请检查Demo here

Answer 1

 $('#divFilter').toggle();

这对你有用

请检查Demo here