如何在手风琴中对大量文本进行排序?

时间:2012-07-04 06:03:17

标签: jquery accordion

我有一个手风琴,随机序列中有很多项目。如何在手风琴加载时对这些项目进行排序:

< div class="accordion" >
    < h3>Abc </h3 > 
    < p>Some text. </p > 

    < h3>Cab </h3 > 
    < p>Some text. </p > 

    < h3>Bac </h3 > 
    < p>Some text. </p > 
< /div >

2 个答案:

答案 0 :(得分:1)

快速解决方案:http://tinysort.sjeiti.com/

包含该插件,对您的手风琴内容进行排序。例如。如果它在ul列表中:

$('ul>li').tsort();
//its sorted, trigger your accordion plugin here

编辑更多信息

好的,如果您没有使用列表,请将它们放入div中以隔离每个部分:

< div class="accordion" >
    <div class="section">
        < h3>Abc </h3 > 
        < p>Some text. </p > 
    </div>
    <div class="section">
        < h3>Cab </h3 > 
        < p>Some text. </p > 
    </div>
< /div >

然后按h3标签排序:

$('.accordion div.section').tsort('h3');
//then do your accordion code

答案 1 :(得分:0)

在创建手风琴之前对它们进行排序是最简单的方法