李抽屉之间的循环 - jquery

时间:2011-05-26 14:33:30

标签: javascript jquery cycle html-lists slidingdrawer

我有一套li抽屉,当你点击每个抽屉时,它会展开。但是我不希望它是可以互动的,我想让它循环,例如每隔5秒扩展下一个抽屉。此外,李抽屉的数量不固定为3.我希望它仍然循环通过所有即使我添加更多李抽屉。希望这是有道理的。

这是我的jsfiddle:http://jsfiddle.net/7WApV/

我自己尝试使用setInterval和.next()。slideDown(),但是没有得到它。有人可以帮忙吗? 谢谢!

1 个答案:

答案 0 :(得分:1)

试试这个:

var bam = $('H2.drawer-handle'),
    count = 0;
window.setInterval(function() {
    if (count <= 1) {
        count++;
    } else {
        count = 0;
    }
    var item = $('H2.drawer-handle').get(count);
    $(item).click();
}, 1500);

示例:http://jsfiddle.net/7WApV/1/