jQuery 切换不起作用

Question

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

但是切换不起作用。 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());
});

希望大家能够帮助我。

Answer 1

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

$('.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 具有绝对位置。我改变了它，因为无法像那样实现 Accordion 般的行为。