jQuery slideToggel並滾動到底部

Question

在此示例中，我試圖將頁腳的一部分滑到SlideToggel上，還滾動到頁面底部，並將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');
    }
});

這應該可以解決問題。 編輯是因為平滑滾動。 這未經測試。