21/09/2012 Development / java script

<style type="text/css">#ui-themeswitcher{position:absolute;top:0.5em;right:130px}</style>
<script src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
$("<div id='ui-themeswitcher'></div>").appendTo("#accordion").themeswitcher();

Usei esse template no esquema dos accordions que pode abrir todos os panels ao mesmo tempo.

        $("#accordion").addClass("ui-accordion ui-accordion-icons ui-widget ui-helper-reset")
          .find("h3")
            .addClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-top ui-corner-bottom")
            .hover(function () { $(this).toggleClass("ui-state-hover"); })
            .prepend('<span class="ui-icon ui-icon-triangle-1-e"></span>')
            .click(function () {
                $(this)
                .toggleClass("ui-accordion-header-active ui-state-active ui-state-default ui-corner-bottom")
                .find("> .ui-icon").toggleClass("ui-icon-triangle-1-e ui-icon-triangle-1-s").end()
                .next().toggleClass("ui-accordion-content-active").slideToggle();
                return false;
            })
            .next()
              .addClass("ui-accordion-content  ui-helper-reset ui-widget-content ui-corner-bottom")
              .hide();