[jQuery] Sortable accordion-like widget

[jQuery] Sortable accordion-like widget


Got this coded, its an accordion like tool. It functions just how I
need it, except id love to make it sortable. Anyone help with the code
update?
jQuery :
    $(function() {
    $("#accordion1").addClass("ui-accordion ui-widget ui-helper-reset")
    .find("h3")
        .addClass("ui-accordion-header ui-helper-reset ui-state-default ui-
corner-top ui-corner-bottom")
        .prepend('<span class="ui-icon ui-icon-triangle-1-e"/>')
        .hover(function() {
            $(this).addClass("ui-state-hover");
        },
        function() {
            $(this).removeClass("ui-state-hover");
        })
        .click(function() {
            $(this).toggleClass("ui-accordion-header-active").toggleClass("ui-
state-active")
                .toggleClass("ui-state-default").toggleClass("ui-corner-bottom")
            .find("> .ui-icon").toggleClass("ui-icon-triangle-1-e").toggleClass
("ui-icon-triangle-1-s")
            .end().next().toggleClass("ui-accordion-content-active").toggle();
            return false;
        })
        .next().addClass("ui-accordion-content ui-helper-reset ui-widget-
content ui-corner-bottom").hide();
    })
HTML:
<div id="accordion1">
<h3><a href="#">DRAW2</a></h3>
<div>
CONTENT
</div>
<h3><a href="#">DRAW2</a></h3>
<div>
CONTENT
</div>
</div>
Help appreciated in advance.