隐藏Div和滚动以使用jQuery锚定

Question

我有一些链接可以根据点击显示/隐藏div，这似乎可以正常工作。我正在尝试使其工作，以便在单击链接后隐藏div，然后显示隐藏的div，然后根据单击的链接，滚动到关联的锚点。在下面的示例中，它希望单击CF链接时滚动到#cf。我该如何实现这一目标？

Fiddle:

$('.o-c').click(function() {
 $('.main-home').hide("slide", {
 direction: "right"
 }, 1000);
 $('.section-pages').show("slide", {
 direction: "right"
 }, 1000);

 });

$('.c-f').click(function() {
$('.main-home').hide("slide", {
direction: "right"
}, 1000);
$('.section-pages').show("slide", {
direction: "right"
}, 1000);

});

$('.back').click(function() {
$('.section-pages').hide("slide", {
direction: "right"
}, 1000);
$('.main-home').show("slide", {
direction: "right"
}, 1000);

});

Answer 1

您应该在演出完成时添加回调。

尝试一下：

$('.c-f').click(function () {
    $('.main-home').hide("slide", {direction: "right"}, 1000);
    $('.section-pages').show("slide", {direction: "right"}, 1000, function() {
        $([document.documentElement, document.body]).animate({
            scrollTop: $("#cf").offset().top
        }, 2000);      
      });               
  });