我有以下标记,我想使用jQuery UI手风琴,但它不像我在HTML5之前制作的典型手风琴那样呈现。我怎么能通过使用文章/部分获得手风琴?jQuery UI手风琴的HTML5标记
<article>
<h1>Accordion</h1>
<div id="accordion">
<section>
<h1><a href="#">Aliquam tincidunt mauris eu risus.</a></h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna.</p>
</section>
<section>
<h1><a href="#">Integer vitae libero ac risus egestas placerat.</a></h1>
<p>Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus.</p>
</section>
<section>
<h1><a href="#">Fusce lobortis lorem at ipsum semper sagittis.</a></h1>
<p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus.</p>
</section>
</div>
</article>
在javascript中我使用:
$(document).ready(function(){
$('#accordion').accordion();
});
我看过一个使用jQuery UI Accordion的例子,这些元素真的有效。但是,是否可以通过使用部分/文章元素来使其工作? – 2013-03-22 05:39:47
您可以使用任何您喜欢的元素,但在我看来,细节和摘要更具语义。 – 2013-03-22 08:04:40
优秀的建议,但目前的浏览器支持是有限的... http://www.w3schools.com/tags/tag_summary.asp – pgee70 2014-02-20 00:07:59