直接全部展开显示,没有手风琴效果

来源:3-4 面板折叠插件——accordion

回头看我漂亮的坚持

2019-06-23 12:44

<!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="https://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="https://www.imooc.com/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>

写回答 关注

1回答

  • 努力的xian鱼
    2019-08-26 22:06:56

    $("#accrodion").accrodion();   单词拼错了

    应该是accordion

jQuery基础(五)一Ajax应用与常用插件

如何用jquery实现ajax应用,加入学习,有效提高前端开发速度

69100 学习 · 400 问题

查看课程

相似问题