jquery手风琴坏了

我使用的手风琴框来自Jquery UI。它不起作用。

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

这是我使用的事件处理程序accodion box

$("#skillcat").click(function(e) {
                //var submit_val = new Array();
                //$('#accordion1').accordion('destroy');
                e.preventDefault();
                var ids = [];
                var el = $('[name*=check_subjects]:checked'); //Get all checked Checkboxes
                el.each(function () {
                    ids.push($(this).attr('id')); //get the Id from each checkbox
                });
                $.ajax( {
                type : "POST",
                dataType : "json",
                //
                url : "./wp-admin/admin-ajax.php",
                data : {
                    action : 'each_category',
                    check_subjects : ids
                },
                success : function(data) {
                            alert(data);
                    $('#accordion1').html(data);
                    $("#accordion1").accordion({ active: 0 });
                    $("#accordion1").css("font-family", "'Trebuchet MS', Arial, Helvetica, sans-serif");
                    $("#accordion1").css("font-size", "0.9em");

                    }
            });
        });

我想提供accodion 的地方

   <div id="accordion1" >

    </div>

然而，当我第一次点击按钮时，我会将数据发送到警报框。它渲染了conent，但不应用于accodion box。我有另一个手风琴在同一页上，但它工作。

若我点击同一页面上的另一个按钮并尝试提交上面的按钮，我会得到要提醒的数据，但它不会将html呈现到浏览器。

我在哪里犯了错？

Ajax正在发挥作用。

更新

当我添加这个代码时

$('#accordion1').accordion('destroy');

之前

$('#accordion1').html(data);

Accodion开始工作。但和往常一样，它第二次不起作用了。