javascript - Accordion Jquery 在点击时崩溃

Question

我有一个 Accordion ，点击它我希望 Accordion 折叠UP，现在它正在折叠。任何帮助。请参阅下面的代码:-

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
    $(function () {
        $("#accordion").accordion({
            header: "h3",
            collapsible: true,
            active: false
        });
    });
</script>

另请参阅相同的 HTML 代码:-

 <div id="accordion">
      <h3>Section 4</h3>
            <div>
                <p>
                    Cras dictum. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
mauris vel est.
                </p>
                <p>
                    Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos.
                </p>
            </div>
        </div>
    </div>

Answer 1

可以用 css 旋转它们

.accordion{transform:rotate(180deg);}
.accordion h3,.accordion div{transform:rotate(180deg);}

jsfiddle