将手风琴滑到浏览器顶部

时间:2013-12-04 05:06:53

标签: javascript jquery css scroll accordion

我有一个非常冗长的手风琴菜单。因此,当打开手风琴内容时,我需要实现幻灯片效果。

目前,如果您打开前两个菜单项,则最后一项显示视口下方的内容,因此我需要为手风琴菜单项启用上滑效果。

这是我的代码

$(document).ready(function () {
    //Accordion
    $(".menu_body").hide();
    //toggle the componenet with class menu_body
    $(".menu_head").click(function(){
        $(this).next(".menu_body").slideToggle(400); 
        var plusmin;
        plusmin = $(this).children(".plusminus").text();

        $(this).children("span.down-arrow").toggleClass("up-arrow");        
    });

});

DEMO

1 个答案:

答案 0 :(得分:0)

看看这个,这是预期的吗?

$(document).ready(function () {
    //Accordion
    $(".menu_body").hide();
    //toggle the componenet with class menu_body
    $(".menu_head").click(function(){

      $(".menu_body").each(function (event){
        $(".menu_body").hide();
      });
        $(this).next(".menu_body").slideToggle(400); 
        var plusmin;
        plusmin = $(this).children(".plusminus").text();

        $(this).children("span.down-arrow").toggleClass("up-arrow");        
    });

    });