Проблема со слайдером

У меня возникла проблема, сделал слайдер блоков, но он глючит при пролистывании, вроде бы как правильно написал все но где-то есть ошибки, вот сама страница: ТЫЦ

код слайдера:

$.sl = {

    active : ".el[data-state='active']",



    init: function(){

       

        $(document).on( "click", ".pannel .next", function() {

            $.sl.next();

        });

        

        $(document).on( "click", ".pannel .prev", function() {

            $.sl.prev();

        });

        

        $('.el').hide();

        $(this.active).show();

        var p = $(this.active).prev();

        var n = $(this.active).next();

        

        var pCont = "<h4>"+p.find('h3').html()+"</h4>"+p.find('.rp').html();

        var nCont = "<h4>"+n.find('h3').html()+"</h4>"+n.find('.rp').html();

        

        $(this.active).before("<div class='tmp ls'>"+pCont+"</div>");

        $(this.active).after("<div class='tmp rs'>"+nCont+"</div>");

        $('.sl-container .ls').css('margin-left',$('.sl-container .ls').width()*(-1))

        

        return this;

    },

    

    next: function(){

        

        $('.tmp').remove();

        var active = $(this.active).next('.el');

        $('.el').removeAttr('data-state');

        active.attr('data-state','active');

        $(this.active).show();

        

        

        this.init();

    },

    

    prev: function(){

        $('.tmp').remove();

        var active = $(this.active).prev('.el');

        $('.el').removeAttr('data-state');

        active.attr('data-state','active');

        $(this.active).show();

        

        

        this.init();

    },

    



};

        <div class="container">

            <div class="slider">

                <div class="content">

                    <div class="title">Результаты выпускников курса</div>

                    <div class="sl-container">

                        

                        <div class="pannel">

                            <div class="next"></div>

                            <div class="prev"></div>

                        </div>

                        

                        <div class="el">

                            <div class="lp">

                                <h3>Андрей Семко</h3>

                                <ul>

                                    <li><span>Увеличил доходы в 3 раза</span></li>

                                    <li><span>Женился на любимой девушке</span></li>

                                    <li><span>Бросил курить</span></li>

                                    <li><span>Обрел более десятка новых друзей</span></li>

                                </ul>

                                <div class="butt">Смотреть видео отзыв</div>

                            </div>                            

                            <div class="rp">

                                <img src="img/slider/e1.jpg" alt="img">

                            </div>

                        </div>

                        

                         

                        <div class="el" data-state="active">

                            <div class="lp">

                                <h3>Андрей Чанкин</h3>

                                <ul>

                                    <li><span>Сбросил 20 кг лишней массы</span></li>

                                    <li><span>Погасил более 7 миллионов <br>долговых обязательств</span></li>

                                    <li><span>Регулярно бегаю, участвую <br>в марафонах</span></li>

                                    <li><span>Занялся роуп-джампингом, прыгнул<br> уже 5 раз.</span></li>

                                </ul>

                                <div class="butt">Смотреть видео отзыв</div>

                            </div>                            

                            <div class="rp">

                                <img src="img/slider/e2.jpg" alt="img">

                            </div>

                        </div>

                        

                        

                        <div class="el">

                            <div class="lp">

                                <h3>Иван Кензо</h3>

                                <ul>

                                    <li><span>Создал новый бизнес-проект</span></li>

                                    <li><span>Успешно развиваю 4 уже<br> существующих бизнеса </span></li>

                                    <li><span>Сделал поиск близкого человека<br> жизненным приоритетом </span></li>

                                    <li><span>Регулярно занимаюсь спортом</span></li>

                                </ul>

                                <div class="butt">Смотреть видео отзыв</div>

                            </div>                            

                            <div class="rp">

                                <img src="img/slider/e3.jpg" alt="img">

                            </div>

                        </div>

                        <div class="el">

                            <div class="lp">

                                <h3>Эльмир Хасанов</h3>

                                <ul>

                                    <li><span>Сделал семью главным приоритетом <br>в жизни</span></li>

                                    <li><span>Полностью обеспечиваю жену <br>и двоих детей, постоянно<br> помогаю родителям</span></li>

                                    <li><span>Жду появления третьего ребенка </span></li>

                                    <li><span>Увеличил доходы вдвое</span></li>

                                </ul>

                                <div class="butt">Смотреть видео отзыв</div>

                            </div>                            

                            <div class="rp">

                                <img src="img/slider/e4.jpg" alt="img">

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

В чем тут причина? помогите разобраться