Блог

После того, как вы закончили смеяться над моей попыткой изменить некоторые jQuery, может кто-нибудь помочь мне с:

http://goo.gl/MNhqq8

Чего бы я хотел, так это:

Чтобы оставить 2 видимые кнопки предыдущей / следующей, чтобы скрыть все остальные li. Очевидно, что кнопка PREV будет работать и перейдет к предыдущему привязке, а ЗАТЕМ к следующему привязке.

Или я делаю это совершенно неправильно … открыт для лучших предложений.

Спасибо

Изменено только несколько частей:

Во-первых, оставьте только 2 кнопки:

 <li><a href="#prev" class="scroll">PREV</a></li>
<li><a href="#next" class="scroll">NEXT</a></li>
  

Затем следите за различными привязками и какой из них активен:

 var anchors = ['anchortop', 'anchorone', 'anchortwo', 'anchorthree', 'anchorfour', 'anchorfive'];
var currentIdx = 0;
  

Наконец, либо уменьшите, либо увеличьте currentIdx в зависимости от того, какая кнопка была нажата и в каком разделе мы находимся:

 var full_url = this.href,
    parts = full_url.split('#'),
    btn = parts[1];

if (btn == 'prev' amp;amp; currentIdx > 0) {
    currentIdx--;
} else if (btn == 'next' amp;amp; currentIdx < anchors.length - 1) {
    currentIdx  ;
}

var trgt = anchors[currentIdx],
    target_offset = $('#'   trgt).offset(),
    target_top = target_offset.top;
  

скрипка