jQuery ignorer div dans une séquence - jquery, html, show-hide, visible, ignorer

J'ai le suivant:

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

J'ai une série de "divs"

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

Le code fonctionne bien, tous DIVS sont masqués, au chargement de la page, le premier div est affiché, puis lorsqu'un utilisateur clique sur un bouton, le jQuery est déclenché pour afficher le div suivant et ainsi de suite.

Cependant, ce avec quoi je lutte, c'est comment skip une div:

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

J'ai parfois besoin que ce soit le div après le div suivant si cela a du sens. Est-ce possible et des suggestions sur où commencer?

Réponses:

Juste faire

$next = $next.next();

.