Переход по якорям на сайте одной кнопкой.
Всем доброго дня!
Подскажите пожалуйста, как можно реализовать кнопку, при нажатии на которую будет производиться последовательный переход по якорям на странице?
Т.е. у меня имеется на странице 6 якорей.
<section id="link_1"></section>
<section id="link_2"></section>
<section id="link_3"></section>
<section id="link_4"></section>
<section id="link_5"></section>
<section id="link_6"></section>
И есть две кнопки - вверх и вниз
<div class="arrow_top"></div>
<div class="arrow_bottom"></div>
При нажатии на <div class="arrow_bottom"></div> смещение должно происходить последовательно по якорям вниз, т.е. сначала на link_1, потом на link_2 и т.д.
Следовательно при нажатии на <div class="arrow_top"></div> обратное действие.
Буду очень благодарен за помощь!
P.S. Вариант с шестью отдельными кнопками не подходит, нужно именно две - вверх и вниз.
Заранее спасибо!
|