JS При клике переключаться на следующий div

PHP
1
2
3
4
5
6
7
8
<div class="box">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<button class="prev">Назад</button>
<button class="next">Вперёд</button>
</div>

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$(document).ready(function () {
 
$('.next').on('click', function () {
if ($('div.active').index() == -1) {
$('.box div:first-child').addClass('active');
} else {
 
$('div.active').next('div').addClass('active');
$('div.active').prev('div').removeClass('active');
}
 
});
 
$('.prev').on('click', function () {
if ($('div.active').index() == -1) {
/* без действий */
} else {
 
$('div.active').prev('div').addClass('active');
$('div.active').next('div').removeClass('active');
}
});
});