javascript - 滚动到一个链接并激活它

Question

我制作了一个包含两栏的网站。左侧是所有链接，另一侧是内容。当您单击链接时，内容会上升，链接也会自动对齐。
You can test it here

我正在寻找一种在左侧底部实现按钮的方法，该按钮允许以特殊方式滚动到文档顶部:
将激活顶部的第一个链接(并滚动到它)并同时对齐右侧的相应文章。到目前为止，对齐系统正在运行，除了这个链接，请参阅下面我尝试添加的代码。

   $('.cd-top').bind('click', function(e) {
        e.preventDefault();

        var $container = $('.menu-content:first'),
        $desc = $('.menu-content:first');

            $desc.slideDown('100', function() {
                $("#scrollingaside").scrollTo( $container, 500, {offset: { top:-1 } } );//    la hauteur d'alignement c'est ici !
                $("#scrollingontheright").scrollTo( $("#" + $container.attr('data-id')), 1500);  
            });
        }
    });
    $('.article').bind('click', function() {
        var idproj = $(this).find('span:first').attr('id');
        $('.menu-content[data-id="' + idproj + '"]').find('.cd-top').trigger('click');
    });

Answer 1

//使用 on() 而不是 bind

$('.expander').on('click', function(e) {
    e.preventDefault();

    var $container = $(this).parents('.menu-content:first'),
    $desc = $(this).parents('.menu-content');
// newly added
    $('.expander').parents(".current").removeClass('current');
    if($container.hasClass('current') == false) {

        var others = $('.current');
        $container.addClass('current');

        $desc.slideDown('100', function() {
            $("#scrollingaside").scrollTo( $container, 500, {offset: { top:-1 } } );//    la hauteur d'alignement c'est ici !
            $("#scrollingontheright").scrollTo( $("#" + $container.attr('data-id')), 1500);  
        });
    }
});
$('.article').bind('click', function() {
    var idproj = $(this).find('span:first').attr('id');
    $('.menu-content[data-id="' + idproj + '"]').find('.expander').trigger('click');
});
**// new code**
 $(".cd-top").on("click",function(){
$('.expander:first').trigger("click");
});