javascript - jQuery slideToggle 并滚动到底部

Question

在这个例子中，我尝试滑动切换页脚的一部分，同时滚动到页面底部并将 img 更改为 up.png。如何将这 2 个附加功能添加到 slideToggle。

HTML

<li id="show_footer"><a><img src="images/footer/down.png" /></a></li>

<nav id="sub">
</nav>

CSS

nav#sub {
display: none;
}

脚本

$("#show_footer").click(function() {
 $("#sub").slideToggle("slow");
});

Answer 1

试试这段代码，

$("#show_footer").click(function() {
 $("#sub").slideToggle("slow");
$("html, body").animate({ scrollTop: $(document).height() }, "slow");
    if($('#sub:visible').length > 0){
        $('#show_footer > a > img').attr('src', 'new/src/file/up.png');
    }else{
    $('#show_footer > a > img').attr('src', 'new/src/file/down.png');
    }
});

这应该可以解决问题。编辑因为平滑滚动。 这没有经过测试。