jQuery Accordion - Button問題

Question

我有一個幾乎是對的手風琴。

HTML代碼：

<footer> 
    <div> 
     <h1>Hide</h1> 
     <h1>Hide</h1> 
     <h1>Hide</h1> 
     <h1>Hide</h1> 
     <h1>Hide</h1> 
     <h1>Hide</h1> 
    <div> 
</footer> 
<h3><a href="" title="Open footer">Show</a></h3> 

我不希望出現這種情況<h3><a href="" title="Open footer">Show</a></h3>總是停留在頂部和更名爲隱藏激活時左右，顯示/隱藏。

我不能看到周圍。正是在：http://jsfiddle.net/FeGea/1

Answer 1

試試這個：http://jsfiddle.net/UHztx/

$('footer').prev('h3').find('a').toggle(function() { 
    var sb = $(this).parent().next('footer').slideDown(3200); 
    $('html, body').animate({ scrollTop: '+=' + sb.data('expanded-height') }, 3000); 
    $(this).text('Hide'); 
    return false; 
}, function() { 
    var sb = $(this).parent().next('footer').slideUp(3200); 
    $(this).text('Show'); 
    return false; 
});