设置滑块分区上的滚动

我正在构建一个新闻提要，其中包含显示摘要的幻灯片和一个阅读更多按钮，单击该按钮可显示其余内容。

这是一个jsFiddle：http://jsfiddle.net/pbunz5ue/1/

单击"阅读更多"时，故事会打开并停止滚动，然后用户单击"较少"，它会隐藏故事并继续滚动。

当点击"阅读更多"时，我需要对齐div的滚动，以便打开的故事从div的顶部开始。我的滑块在故事的第一轮中完美地做到了这一点，一旦它们从按钮向上第二次显示，就不再起作用了。

有人能解释一下原因吗？？

这是我的代码：

JS:

$(document).ready(function() {
    //User clicks Read More, add 'open' class to news item
    $('.news-read-more').on('click', function() {
        blockedSlider = true;
        clearInterval(myTimer);
        $('.news-list').children('li').each(function() {
            $(this).removeClass('open');
        });
        $(this).parent().toggleClass('open');
        var n = $(this).parent();
        var pos = n.position();
        $('.news-slider-wrapper').scrollTop(pos.top); 
    }); 
    //User clicks Less, remove 'open' class from news item
    $('.news-read-less').on('click', function() {
        if (blockedSlider == true) {
            blockedSlider = false;
            $(this).parent().removeClass('open');
            myTimer = setInterval(slideLoop, 2000)
        }
    });
    var myTimer = setInterval(slideLoop, 2000)
    var blockedSlider = false;
    function slideLoop() {
        //  Work out width of current slider size
        var widthPx = $('.news-list-item').css('height');
        var width = widthPx.substring(0, widthPx.length - 2);
        // Work out current left  
        var left = $('.news-list').css('top');
        left = left.substring(0, left.length - 2);

        if (left <= -(width * 2)) {
            var neg = '-' + widthPx;
            $('.news-list').css('top', neg);
            var slide = $('.news-list li:first');
            $('.news-list').children('li:first').remove();
            $('.news-list ').append(slide);
            //User clicks Read More, add 'open' class to news item
            $('.news-read-more').on('click', function() {
                blockedSlider = true;
                clearInterval(myTimer);
                $('.news-list').children('li').each(function() {
                    $(this).removeClass('open');
                });
                $(this).parent().toggleClass('open');
                var n = $(this).parent();
                var pos = n.position();
                $('.news-slider-wrapper').scrollTop(pos.top - 360); 
            }); 
            //User clicks Less, remove 'open' class from news item
            $('.news-read-less').on('click', function() {
                if (blockedSlider == true) {
                    blockedSlider = false;
                    $(this).parent().removeClass('open');
                    myTimer = setInterval(slideLoop, 2000)
                }
            });         
            var move = "-=" + widthPx;
            $('.news-list').animate({ top: move }, "slow", "swing");
        }
        else {
            var move = "-=" + widthPx;
            $('.news-list').animate({ top: move }, "slow", "swing");
        }
    }   
});