Процент левой позиции jQuery и оператор if

Я новичок в jquery и пытаюсь создать полностраничный адаптивный слайдер. Он работает нормально, за исключением того, что я хочу, чтобы при каждом значении слайда/процента происходили разные вещи. Все мои слайды находятся в «ползунке» и имеют ширину 100%, поэтому:

слайд 1 - (виден, когда) 'ползунок' слева 0
слайд 2 - 'ползунок' слева -100percent
слайд 3 - 'ползунок' слева -200percent
и так далее

Первый оператор if работает нормально, но второй не имеет никакого эффекта, я также пробовал «положение» вместо «смещение».

$('#next').click(function(){
    $('#slider').animate({'left': '-=100%'},
        function() {
            var pos = $('#slider').offset();
            if (pos.left < 0) {
                $('#div1').show();
                } 
            else if (pos.left == '-700%') {
                $('#div1').hide();
                } 
     });    
});

Любая помощь высоко ценится! Спасибо.