У меня есть следующее:
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");
}
У меня есть серия 'divs'
<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, если это имеет смысл. Возможно ли это и какие-либо предложения о том, с чего начать?
Просто делать
$next = $next.next();
,
$next = $next.next();