AccordionControl
Jump to navigation
Jump to search
Code
<script type="text/javascript">
$("document").ready(function() {
$("#accordionCtrl").accordion({
icons: {
header: "ui-icon-circle-triangle-e",
activeHeader: "ui-icon-circle-triangle-s"
},
collapsible: true,
event: "click mouseover"
});
});
</script>
</head>
<body>
<div id="accordionCtrl">
<h3>Section 1</h3>
<div>
<p> consectetur pulvinar tincidunt. Aliquam nec scelerisque velit. Aliquam at neque urna. Sed sed vulputate mauris, in vulputate orci. Sed egestas augue rutrum augue ullamcorper, convallis facilisis arcu convallis. In lorem risus, posuere
ut interdum auctor, ultricies ut mi.</p>
</div>
<h3>Section 2</h3>
<div>
<p>Curabitur magna magna, ultrices feugiat elit non, posuere sagittis orci. Cras finibus enim eu rutrum elementum. Aliquam sapien leo, hendrerit sit amet est molestie, semper rutrum nulla. Aenean lacinia lacus quis tortor posuere eleifend. Phasellus
</p>
</div>
<h3>Section 3</h3>
<div>
<p>
dignissim. Quisque sit amet auctor nulla. Sed tempus mauris id magna porttitor egestas. In nisl risus, interdum vitae ligula non, sodales faucibus metus.
</p>
</div>
<h3>Section 4</h3>
<div>
<p>
augue enim rutrum diam, tincidunt pellentesque nisi augue sed dui. Cras vitae dui in tellus cursus interdum.
</p>
</div>
</div>
</body>