javascript - 一次展开/折叠一个

Question

如何一次展开一个元素并关闭其他元素？当单击一次打开一个时...

谢谢!

jQuery(document).ready(function($) {
$(".se-q").click( function () {
  var container = $(this).parents(".se-c");
  var answer = container.find(".se-a");
  var trigger = container.find(".se-t");
  answer.slideToggle(200);
  if (trigger.hasClass("se-o")) {
    trigger.removeClass("se-o");
  }
  else {
    trigger.addClass("se-o");
  }
})
});

Answer 1

您可以使用 .not() 、 removeClass() 、 toggleClass();

jQuery(document).ready(function($) {
  $(".se-q").click( function () {
    var container = $(this).parents(".se-c");
    var answer = container.find(".se-a");
    var trigger = container.find(".se-t");
    answer.slideToggle(200);
    $('.se-t').not(trigger).removeClass('se-o'); // remove the class from all .se-t element but not this one(container.find(".se-t"))
    trigger.toggleClass("se-o"); // toggle class for this(container.find(".se-t"))
  })
});

Note: you can catch the point from my code .. but actually you need to provide your html code .. what I got from your code its question/answer script .. so you may need to toggle answer as well

对于answer，您可以在answer.slideToggle(200);之前使用下一行

$('.se-a').not(answer).slideUp(200);