jquery - jQuery切换不起作用

我需要它，所以当您单击另一个切换开关时，当前打开的框会关闭，因此基本上不可能同时打开它们？

但是切换不起作用。
https://jsfiddle.net/3gorcdra/1/

我的JS代码如下所示：

    $('.mix').next('.mix-content').hide();
$('.mix').click(function() {
    var el = $(this).next('.mix-content');
    var doit = (el.is(':visible')) ? el.slideUp() : ($('.mix-content').slideUp()) (el.slideDown());
});

我希望你们能帮助我。

最佳答案

尝试使用find()而不是next()，因为您正在搜索descendant，

$('.mix').find('.mix-content').hide();
$('.mix').click(function() {
  var el = $(this).find('.mix-content');
  var doit = (el.is(':visible')) ? el.slideUp() : ($('.mix-content').slideUp(),el.slideDown());
});

DEMO

另外，您的mix-content的CSS具有绝对位置。我更改了它，因为无法像这样实现类似手风琴的行为。

关于jquery - jQuery切换不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36476364/