jQuery手风琴 - 按钮问题

Question

我的手风琴几乎是正确的。

HTML CODE：

    <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;
});