Аккордеон JQuery - Показать все развернуто

Question

ОБНОВЛЕНИЕ: Извините - я был дураком. дисплей: блок был оставлен в стиле для 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 script и css на свою страницу.