slider 1

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    var totWidth=0;
    var positions = new Array();

    $('#slides .slide').each(function(i){
        positions[i]= totWidth;
        totWidth += $(this).width();

        if(!$(this).width())
        {
            alert("");
            return false;
        }
    });

    $('#slides').width(totWidth);

    $('#menu ul li a').click(function(e){
        $('li.menuItem').removeClass('act').addClass('inact');
        $(this).parent().addClass('act');
        var pos = $(this).parent().prevAll('.menuItem').length;
        $('#slides').stop().animate({marginLeft:-positions[pos]+'px'},800);
        e.preventDefault();
    });

    $('#menu ul li.menuItem:first').addClass('act').siblings().addClass('inact');
});</script>