Показать сообщение отдельно
  #1 (permalink)  
Старый 16.04.2018, 23:27
Интересующийся
Отправить личное сообщение для Ty_Meow Посмотреть профиль Найти все сообщения от Ty_Meow
 
Регистрация: 06.01.2017
Сообщений: 17

Проблема с перелистыванием div блоков
Здравствуйте.
Есть код:
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">. Хочу сделать календарь, застрял на переходе по месяцам. Всю голову уже сломал
Заранее спасибо.
Ответить с цитированием