Как в jquery сделать возращение на попереднюю функцию?
Мне нужно сделать так, чтобы при нажатии на кнопку "next" появлялось другое видео, а по кнопке "previous" появлялось первое видео.
Хотел сделать это с помощью toggle, но не разобрался.
Код html:
<div class="one-epizode-div">
<video width=500px height=300px controls src="./video/01.mp4" class="one-epizode-video"></video>
<div class="one-epizode-text-div">
<p class="one-epizode-text">первая серия</p>
</div>
</div>
Вот код jquery:
$('#next').click( function() {
$('.none').removeClass();
$('#previous').addClass("bn");
$('#previous').addClass("previous");
$('.next-test').removeClass();
$('#next').addClass("bn");
$('#next').addClass("next");
$('.next').attr('id', 'next-2');
$('.one-epizode-video').remove();
$('.one-epizode-text-div').remove();
$('.one-epizode-text').remove();
$('.one-epizode-div').append('<video width=500px height=300px controls src="./video/04.mp4" class="one-epizode-video"></video>');
$('.one-epizode-div').append('<div class="one-epizode-text-div">');
$('.one-epizode-text-div').append('<p class="one-epizode-text">Вторая серия</p>');
$('.one-epizode-div').append('</div>');
$('.previous').click(function(){
$('.previous').addClass('none');
$('#next-2').attr('id', 'next');
$('#next').removeClass()
$('#next').addClass('bn');
$('#next').addClass('next-test');
$('.one-epizode-video').remove();
$('.one-epizode-text-div').remove();
$('.one-epizode-text').remove();
$('.one-epizode-div').append('<video width=500px height=300px controls src="./video/01.mp4" class="one-epizode-video"></video>');
$('.one-epizode-div').append('<div class="one-epizode-text-div">');
$('.one-epizode-text-div').append('<p class="one-epizode-text">Первая серия</p>');
$('.one-epizode-div').append('</div>');
})