jQuery pomiń element div w sekwencji - jquery, html, show-hide, visible, skip

Mam następujące:

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");
}

Mam serię „div”

<div class="sequence-container"></div>
<div class="sequence-container"></div>
<div class="sequence-container"></div>

Kod działa dobrze DIVS są ukryte, po załadowaniu strony wyświetlany jest pierwszy div, a następnie, gdy użytkownik kliknie przycisk, jQuery jest uruchamiany, aby wyświetlić następny div i tak dalej.

Jednak walczę z tym, jak to zrobić skip div:

$next = $(".sequence-container div:visible").next();

Czasami potrzebuję, aby to był div po następny div, jeśli ma to sens. Czy to możliwe i jakieś sugestie, od czego zacząć?

Odpowiedzi:

Po prostu zrób

$next = $next.next();

.