                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎(五)一Ajax應用與常用插件

直接全部展開顯示，沒有手風琴效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
??? <head>
??????? <title>面板折疊插件</title>
??????? <link href="Css/jquery-ui.css" rel="stylesheet" type="text/css" />
??????? <link href="style.css" rel="stylesheet" type="text/css" />
??????? <script src="http://www.xianlaiwan.cn/data/jquery-1.8.2.min.js" type="text/javascript"></script>
??????? <script src="http://www.xianlaiwan.cn/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script>
??? </head>
?? ?
??? <body>
??????? <div id="divtest">
??????????? <div id="accordion">
??????????????? <h3>
??????????????????? <a href="#">我最愛吃的水果</a></h3>
??????????????? <li>橘子</li>
??????????????? <li>蘋果</li>
??????????????? <li>葡萄</li>
??????????????? <li>香蕉</li>
??????????????? <h3>
??????????????????? <a href="#">我最喜歡的運動</a></h3>
??????????????? <li>足球</li>
??????????????? <li>籃球</li>
??????????????? <li>乒乓球</li>
??????????????? <li>騎車</li>
??????????? </div>
??????? </div>
?????? ?
??????? <script type="text/javascript">
??????????? $(function () {
??????????????? $("#accrodion").accrodion();
??????????? });
??????? </script>
??? </body>
</html>