0

現時点では、以下の jQuery は から にのみジャンプSportしEntertainmentます。1 つのコードを使用して、任意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 に答える