accordion - 如何使手风琴应该从上到下打开？

Question

嗨，我使用了手风琴方法，但在此方法中，它从左上角到右下角打开 div 元素。我不想那样，我希望这个从上到下打开..请帮帮我？？？？？？？这是我的代码

<script type="text/javascript">
jQuery(document).ready(function(){
    $('#accordion .head').click(function() {
        $(this).next().toggle('slow');
        return false;
    }).next().hide();
});
</script>

<div id="accordion">
    <h3 class="head"><a href="#">First header</a></h3>
    <div style="background:#f00;">
        <p>First content</p>
        <p>second content</p>
        <p>third content</p>
        <p>fourth content</p>
        <p>fifth content</p>
        <p>six content</p>
    </div>
</div>

Answer 1

try this jquery code and edit what u want

(function($) {

var allPanels = $('.accordion .dd').hide();

$('.accordion .dt  a').click(function() {
allPanels.slideUp();
$(this).parent().next().slideDown();
return false;
});
})(jQuery)

http://jsfiddle.net/X9sz8/