Как в 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>');
        })

Ответы (0 шт):