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