Здравствуйте.
Есть код:
pages = 1;
function listNext(page) {
if (page == 1)
prev_page = pages;
else
prev_page = page-1;
if (page == pages)
next_page = 1;
else
next_page = page+1;
prev_id = "page_" + prev_page;
prev_elem = document.getElementById(prev_id);
prev_elem.style.display = "none";
id = "page_" + page;
elem = document.getElementById(id);
elem.style.display = "block";
}
<div class="btn_back"><</div>
<div class="btn_forward" onclick="listNext(2)">></div>
<div id="page_1">
<h3>Апрель 2018</h3>
<ul class="days">
<li class="day other-month">
<div class="date">Понедельник, 26</div>
</li>
<li class="day other-month">
<div class="date">Вторник, 27</div>
</li>
<li class="day other-month">
<div class="date">Среда, 28</div>
</li>
<li class="day other-month">
<div class="date">Четверг, 29</div>
</li>
<li class="day other-month">
<div class="date">Пятница, 30</div>
</li>
<li class="day other-month">
<div class="date">Суббота, 31</div>
</li>
<li class="day__event">
<div class="date">Воскресенье, 1</div>
<div class="event">
<div class="event-desc">
<br></br>
</div>
<div class="event-time"></div>
</div>
</li>
</ul>
<div id="page_2">
<h3>Май 2018</h3>
<ul class="days">
<li class="day other-month">
<div class="date">Понедельник, 30</div>
</li>
<li class="day">
<div class="date">Вторник, 1</div>
</li>
<li class="day">
<div class="date">Среда, 2</div>
</li>
<li class="day">
<div class="date">Четверг, 3</div>
</li>
<li class="day">
<div class="date">Пятница, 4</div>
</li>
<li class="day">
<div class="date">Суббота, 5</div>
</li>
<li class="day__event">
<div class="date">Воскресенье, 6</div>
<div class="event">
<div class="event-desc">
<br></br>
</div>
<div class="event-time"></div>
</div>
</li>
</ul>
При нажатии на кнопку с классом btn_forward - Js перелистывает содержимое с <div id="page_1"> на <div id="page_2">.
Подскажите пожалуйста, как переписать код js так чтобы он возвращал с <div id="page_2"> на <div id="page_1">. Хочу сделать календарь, застрял на переходе по месяцам. Всю голову уже сломал
Заранее спасибо.