Javascript jqueryui中断动画

我有一个div，其中有一些动画，当我在jqueryui中添加时，动画事件不会触发。如果我注释掉启用jQueryUI的行，当然除了UI功能之外，其他一切都可以正常工作。下面是我遇到问题的代码片段

    <script type="text/javascript">
        $(document).ready(function() {
    $("#content").children().hide();
    $("#Home").show();

    $("#pagenav ul li").click(function() {
    $("nav ul li").removeClass("selected");
    $(this).addClass("selected");
    $("#content").children().hide();
    $("#" + $(this).data("name")).show();
    });
    $("#myImageBox ul li").hide(function() {
    $("#myImageBox ul li").each(function(index) {
        $(this).delay(1000*index).fadeIn(500);
    });
    });
    $("#accordion").accordion({ header: "h3" });
    });
 </script>

你知道为什么这会引起问题吗？谢谢你的建议

编辑：下面是我用来调用脚本/css等的代码

    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script>
    <link rel="stylesheet" type="text/css" href="layout.css">
    <link rel="stylesheet" type="text/css" href="css/south-street/jquery-ui-1.8.20.custom.css">

---

我还没有仔细研究，但是在JS之后加载CSS可能会导致问题

---

尝试更改加载顺序，以便先调用css，然后在样式表之前加载jQuery.UI css，这样样式表就可以进行所需的修改。

代码的第一部分正在工作，它正在隐藏需要隐藏的部分，但没有运行动画。它还将accordion元素添加到指定的元素中；尝试了你建议的更改，但没有成功。另外，如果线路看起来有问题，您会建议我如何修复它？不过谢谢你的帮助：很抱歉，我用望远镜看错了方向-那条线看起来不错。我做了一些测试，在$.hide函数回调中，我遇到了代码无法启动的问题-我不知道这是为什么，但我打赌这就是你的问题所在-你可能会尝试使用$.fadeOut而不是$.hide-或者重新安排调用它的方式。当我在列表上尝试你的代码时-fadeIn需要很长时间-我认为这与在hide函数中使用$selector.each有关