单击可滑动多个元素 [英] sliding multiple elements on click

问题描述

我有一个垂直的菜单栏，其中包含子菜单.有9-10个菜单，每个菜单包含 3个子菜单.

i have a vertical menu bar which contains sub menu. There are 9-10 menus and each menu contains 3 sub menus.

如果菜单1打开并且有人单击菜单3，菜单1应该关闭&我需要什么?菜单3将打开

what i need if menu 1 is open and someone click on menu 3 menu 1 should close & menu 3 will open

 $('#nav li a').click(function(){
    var sds = document.getElementById("dum");
    if(sds == null){
    ;
    }
    var sdss = document.getElementById("dumdiv");
    if(sdss == null){



    }
    if(sdss != null){
            var s = $(this).attr('id');
            var imgid=$("#"+s+" img").attr('id');
            var imgsrc=$("#"+imgid+"").attr('src');
            if(imgsrc=="images/insert.GIF")
            {
                $("#"+imgid+"").attr('src','images/remove.GIF');
                $(this).next().slideDown(400);
                $("#"+s+"").css("background-color","#142878");
            }
            else
            {
                $("#"+imgid+"").attr('src','images/insert.GIF');
                $(this).next().slideUp(400);
                $("#"+s+"").css("background-color","#2d539a");
            }
    }
        });

这是小提琴

推荐答案

尝试一下:

 $('.count').slideUp(400);     //<----add this line
 $(this).next().slideDown(400);

演示

---

更新:

尝试一下:

Demo

---

Updates:

try this:

if (imgsrc == "images/insert.GIF") {
    $("#" + imgid + "").attr('src', 'images/remove.GIF');
    $('.count').slideUp(400);
    $(this).next().slideDown(400);
    $("#" + s + "").css("background-color", "#142878");
} else {
    $("#" + imgid + "").attr('src', 'images/insert.GIF');
    $('.count').slideUp(400);  //<--------------------add here
    $(this).next().slideDown(400);  //<---------------and here too.
    $("#" + s + "").css("background-color", "#2d539a");
}

这篇关于单击可滑动多个元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！