I'm working with the DNNPanels jquery plugin and it is working perfectly.  However, I have a need for all panels to be expanded by default.  Simply adding the CSS class to the one I want expanded does not work, as it only expands the last one

Looking in the Wiki I can't seem to find much.  Anyone have some thoughts?

---

-Mitchel Sellers
Microsoft MVP, ASPInsider, DNN MVP
CEO/Director of Development - IowaComputerGurus Inc.


Visit mitchelsellers.com for my mostly DNN Blog and support forum.

Visit IowaComputerGurus.com for free DNN Modules, DNN Performance Tips, DNN Consulting Quotes, and DNN Technical Support Services

That only adds a linkbutton at the top, allowing all panels to expand/collapse in one click.

What Mitchel seems to be looking for is if it's possible to have all panels expanded by default, at page-load time, without first having to click anything. I however do believe that the dnnExpandAll-item does account for a good backup-option, in case what Mitchel wants is impossible :)

function expandPanelsAtFirst() {
    var clickToToggleSelector = "h2.dnnFormSectionHead a";

    $(clickToToggleSelector).each(function(i, value) {
        var $clickToToggleElement = $(value),
            sectionHeadSelectorCookieId = $clickToToggleElement.parent().attr("id").replace(/[^a-zA-Z0-9\-]+/g, ""),
            panelSettingExists = dnn.dom.getCookie(sectionHeadSelectorCookieId) !== null;

        if (!panelSettingExists)
            $(clickToToggleSelector + ':not(.dnnSectionExpanded)').click();
    });
}