Question

更新：对不起 - 我是个傻瓜。 display：block留在div的样式中。

我有一个ASP.Net页面，我在其中构建一个应该显示为手风琴的HTML字符串。这是有效的，然而页面呈现的是手风琴，但扩展了所有面板。

有没有办法可以在写完HTML后将面板重置为全部折叠？

        System.Text.StringBuilder b = new System.Text.StringBuilder();
        Condition[] conditions = SearchConditions(searchFor.Text);
        b.Append("<div id=\"ac1\" class=\"accordion\">");

        foreach (Condition c in conditions)
        {
            b.Append("    <h2>" + c.ConditionName + "<br /><span style=\"font-size:x-small\">" + c.Information + "</span></h2>" + Environment.NewLine) ;
            b.Append("    <div class=\"pane\" style=\"display:block; font-size:x-small\">" + Environment.NewLine);
            b.Append("        " + c.ConditionDescription + " <br /><br />" + Environment.NewLine);
            if (c.ConditionInstructions.Length > 0)
            {
                b.Append("        <div class=\"message error\">");
                b.Append("            <strong>Important:</strong><br />");
                b.Append("            " + c.ConditionInstructions + "");
                b.Append("        </div>");
                b.Append("        <br />");
            }
            b.Append("        <a href=\"#\">Add Condition</a>" + Environment.NewLine);
            b.Append("    </div>" + Environment.NewLine);   
        }
        b.Append("</div>");

        searchResults.Text = b.ToString();

searchResults.Text是页面上的ASP：Literal控件。

Answer 1

如果您没有正确导入手风琴的jquery / css，可能会发生这种情况。验证您已在页面中包含jquery ui accordion脚本和css。

jQuery手风琴 - 显示所有扩展

1 个答案: