0

目前下面的 jQuery 只会从 跳转Sport到Entertainment. div有没有办法通过使用一段代码从任何到下一个？

<div id="topBar">
    <span>
        <a id='slink' class='trigger' href='#Sports'>Sport</a>
        <a id='elink' class='trigger'  href='#Entertainment'>Entertainment</a >
        <a id='mlink' class='trigger' href='#Military'>Military</a>
        <a id='mocklink' class='trigger' href='#MockUp'>MockUps</a>
        <button>Next</button>
    </span>
</div>

$("button").on('click', function() {
    $('.triggered:First').next('.triggered').show()
});
4

2 回答 2

1

假设你的.trigger元素默认都是隐藏的，这应该可以工作：

$(".trigger:first").show();

$("button").click(function() {
    var $next = $(".trigger:visible").hide().next(".trigger");
    if (!$next.length)
        $next = $(".trigger:first");

    $next.show();
});

示例小提琴

于 2012-11-27T13:20:34.703 回答
0

你可以试试这个：

$("button").click(function() {
    $(this).sibling('.trigger').show();
}
于 2012-11-27T13:02:04.253 回答