Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将手风琴滑动到浏览器顶部_Javascript_Jquery_Css_Scroll_Accordion - Fatal编程技术网

Javascript 将手风琴滑动到浏览器顶部

Javascript 将手风琴滑动到浏览器顶部,javascript,jquery,css,scroll,accordion,Javascript,Jquery,Css,Scroll,Accordion,我有一份手风琴菜单,内容很长。所以我需要在打开手风琴内容时实现幻灯片效果 当前,如果打开前两个菜单项,那么最后一个菜单项将显示视口下方的内容,因此我需要为手风琴菜单项提供向上滑动效果 这是我的密码 $(document).ready(function () { //Accordion $(".menu_body").hide(); //toggle the componenet with class menu_body $(".menu_head").click(

我有一份手风琴菜单,内容很长。所以我需要在打开手风琴内容时实现幻灯片效果

当前,如果打开前两个菜单项,那么最后一个菜单项将显示视口下方的内容,因此我需要为手风琴菜单项提供向上滑动效果

这是我的密码

$(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");        
    });

});

看看这个,这是预期的吗

$(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");        
    });

    });

我已经编辑了这个问题。它不是滚动,我需要幻灯片效果我需要打开多个菜单,所以不能一次限制一个time@Sowmya因此,您希望将当前打开的菜单保留在顶部,如果可能,请向我们提供JSFIDLElink@PandiyanCool哎呀。。。忘了链接。现在添加