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() 因为您正在搜索 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 toggle doesnt work

jquery

toggle

DEMO