В общем у меня есть 20 контейнеров
<div class="content" id="content1" >
***
<div class="content" id="content20" >
ну и всех блоков есть свойство
display:none
.
и есть ссылка
<a class="codrops-icon codrops-icon-drop" ><span>Back to the Codrops Article</span></a>
и
<a class="codrops-icon codrops-icon-prev" ><span>Previous Demo</span></a>
Нужно сделать чтобы при щелчке по первой ссылке дивы показывались в порядке возрастания id, а при второй ссылке уменьшались.
То есть получилось бы типа книжки. Ребят помогите пожалуйста.