如何让手风琴从上到下打开?

时间:2013-03-16 23:09:47

标签: accordion

您好我使用了手风琴方法但是在这里它从左上角到右下角打开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>

1 个答案:

答案 0 :(得分:0)

尝试这个jquery代码并编辑你想要的内容

(function($) {

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

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

http://jsfiddle.net/X9sz8/