zu einem Link scrollen und aktivieren

Question

Ich habe eine Website in zwei Spalten. Auf der linken Seite sind alle Links, auf der anderen Seite ist der Inhalt. Wenn Sie auf einen Link klicken, wird der Inhalt angezeigt und der Link wird ebenfalls automatisch ausgerichtet.
You can test it here

Ich bin auf der Suche nach einem Weg, um eine Schaltfläche auf der Unterseite der linken Seite zu implementieren, die auf besondere Weise zum oberen Rand des Dokuments scrollen:
il Willen, den ersten Link oben (und aktivieren blättern Sie dazu) und richten Sie gleichzeitig den entsprechenden Artikel der rechten Seite aus. Bis jetzt funktioniert das Ausrichtungssystem, außer für diesen Link, siehe den Code, den ich unten hinzufügen möchte.

$('.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

// Verwendung auf() statt binden

$('.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"); 
}); 

Answer 2

Sie haben soeben einen Click-Handler auf diese Schaltfläche und Trigger anhängen können ("Vorwärts") ein Klick-Ereignis auf dem obersten Link aus dem Menü:

$('#top').click(function() { 
    $('.menu a')[0].click() 
    }) 

Der Selektor‘.menu a 'muss geändert werden, um den richtigen Link anzusprechen.