Php 定制手风琴面板工作不正常

我有一个手风琴剧本：

$(document).ready(function(){
$(function(){
  //  Accordion Panels
  $(".accordion span").hide();

  $(".accordion li").click(function(){
      $(this).next(".pane").slideToggle("fast").siblings(".pane:visible").slideUp("fast");
  });
});
});

这个PHP脚本：

echo "<u>Organizational Chart</u><br/>";
        echo "<div class='accordion'>";
$select_branch=mysql_query("SELECT * FROM branch");
while($result_branch=mysql_fetch_array($select_branch)){
    $branch1=$result_branch[1];
    if($branch1!='TOP'){
        echo "<li>".$branch1."</li>";
        echo "<div class='pane'>";
    }
    $select_department=mysql_query("SELECT * FROM departments");
        while($result_department=mysql_fetch_array($select_department)){
            $department=$result_department[1];
            $parent_department=$result_department[2];
            $select_staff=mysql_query("SELECT * FROM organization WHERE branch='$branch1' AND department='$department'");
                while($result_staff=mysql_fetch_array($select_staff)){
                    $fname=$result_staff[1];
                    $mname=$result_staff[2];
                    $lname=$result_staff[3];
                    $department=$result_staff[4];
                    $branch=$result_staff[5];
                    $position=$result_staff[6];
                    $status=$result_staff[7];
                    $pic=$result_staff[8];
                    echo "
                        <div class='staffDiv'>
                            <img class='staffPic' src='images/upload/".$pic."'/>
                            <div style='clear:both'></div>
                            <div class='staffDetails'>
                                ".$fname." ".$mname." ".$lname."<br/>
                                ".$position."<br/>
                            </div>
                        </div>
                    ";
                }
        }
    if($branch1!='TOP'){
        echo "</div>";
    }
}
        echo "</div>";

echo“组织结构图
”；
回声“；
$select_branch=mysql_查询（“select*FROM branch”）；
而（$result\u branch=mysql\u fetch\u array（$select\u branch））{
$branch1=$result_branch[1]；
如果（$branch1！='TOP'）{
回声“
”$branch1。”
”；
回声“；
}
$select_department=mysql_查询（“select*FROM departments”）；
而（$result\u department=mysql\u fetch\u array（$select\u department））{
$department=$result_department[1]；
$parent_department=$result_department[2]；
$select_staff=mysql_查询（“从组织中选择*，其中分支机构='$branch1'和部门='$DEPARTY'”）；
而（$result\u staff=mysql\u fetch\u array（$select\u staff））{
$fname=$result_staff[1]；
$mname=$result_staff[2]；
$lname=$result_staff[3]；
$department=$result_staff[4]；
$branch=$result_staff[5]；
$position=$result_staff[6]；
$status=$result_staff[7]；
$pic=$result_staff[8]；
回声“
“$fname.”“$mname.”“$lname.”

“$position。”

";
}
}
如果（$branch1！='TOP'）{
回声“；
}
}
回声“；

当我运行页面时，所有面板都打开，当我单击一个面板时，所有内容都将隐藏并开始正常工作，我如何修复代码？我错过什么了吗

---

很抱歉写了这么长的代码，我希望有人能帮我解决这个问题。

尝试将活动属性默认设置为false。要使它起作用，可折叠必须是真的

$( ".accordion" ).accordion({ active: false, collapsible: true });

---

请参阅：

我没有使用

.accordion（）

，但我仍试图将该代码插入到当前脚本中，但它无法工作。定制手风琴不再折叠，它只是打开的。你可以在这里玩一个小把戏，只是一个小把戏。我不喜欢这样，但这是本例中最简单的修复方法：P只需在页面加载的JavaScript代码末尾添加一个click触发器：$（“.accordion li”）.click（）；谢谢，我在我的文件

window.onload=function（）{$（“.accordion li”）.click（）；}

的末尾插入了这段代码，效果很好