私は次のものを持っています:
CSS
.sequence-container div {display:none;}
jQuery
$('.sequence-container div:first').show();
$('.next').click(function() {
var $next = $('.sequence-container div:visible').next();
var $page = $('.sequence-container div:visible').attr("id");
}
私は一連の「div」を持っています
<div class='sequence-container'></div>
<div class='sequence-container'></div>
<div class='sequence-container'></div>
コードはうまく機能し、DIVS
ページの読み込み時にすべてが非表示になり、最初の div が表示され、ユーザーがボタンをクリックすると、jQuery が起動されて次の div が表示されます。
ただし、私が苦労しているのはskip
、divの方法です:
$next = $('.sequence-container div:visible').next();
それが理にかなっている場合は、次の div の後のdiv にする必要がある場合があります。それは可能ですか、どこから始めるべきかについての提案はありますか?