[jQuery] Sortable accordion-like widget

[DanN]

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.