Javascript jquery显示和隐藏菜单问题

我对Jquery还很陌生，所以请原谅我的简单问题。我已经创建了一个多显示和隐藏菜单，它工作得很好，但是我想给它添加一个额外的功能。当点击例如21点1插槽时，它会打开下拉菜单。当我在打开它的同时单击它时，也关闭菜单。看看我的代码，有人知道这是如何实现的吗

目前，当您单击“插槽”时，当前插槽工作，它打开下一个插槽并关闭上一个插槽

HTML 这里：）

---

这可以奏效

$(function () {
    $('.hide-me').hide();
    $('.slots').click(function () {
        var $this = $(this);
        var $thisHideMe = $this.next('.hide-me');
        $('.hide-me').not($thisHideMe).slideUp().removeClass('active');
        $thisHideMe.slideToggle('slow').toggleClass('active');
    });
});

---

验证

$next

元素是否可见

$('.slots').click(function () {

    var $this = $(this);
    var $next = $this.next('.hide-me');

    $('.hide-me').slideUp().removeClass('active');
    if ($next.css('display') !== 'none') {
        $next.slideUp('slow').removeClass('active');
    } else {
        $next.slideDown('slow').addClass('active');
    }
});

---

他的手风琴不是你想要的基本手风琴吗？@j08691如果这是正确的术语，那么是的it@NewKidOnTheBlock是的，我也是。如果你想正确答案的话，别忘了标记。在匆忙地回答你的问题之前，我没有想到使用<代码> SListDoGruts和 ToGLCGLAS< <代码>，上面的代码仍然能完美地完成这项工作，但是对于较短的代码，请看Claudio Redi的答案：

 $(function () {
     $('.slots').click(function () {
         var $this = $(this);
         var $next_hideme = $this.next('.hide-me');
         $('.hide-me').not($next_hideme).slideUp().removeClass('active');
         if (!$next_hideme.hasClass('active')) {
             $next_hideme.slideDown('slow').addClass('active');
         } else {
             $next_hideme.slideUp('slow').removeClass('active');
         }
         });
     });

$(function () {
    $('.hide-me').hide();
    $('.slots').click(function () {
        var $this = $(this);
        var $thisHideMe = $this.next('.hide-me');
        $('.hide-me').not($thisHideMe).slideUp().removeClass('active');
        $thisHideMe.slideToggle('slow').toggleClass('active');
    });
});

$('.slots').click(function () {

    var $this = $(this);
    var $next = $this.next('.hide-me');

    $('.hide-me').slideUp().removeClass('active');
    if ($next.css('display') !== 'none') {
        $next.slideUp('slow').removeClass('active');
    } else {
        $next.slideDown('slow').addClass('active');
    }
});