Question

我正在寻找纠正控制展开/关闭所有按钮的jquery。我已将有问题的jquery放在第二个代码块中。如果你点击这个fiddle，你应该更好地了解我在说什么。现在按钮不能正常工作，我已设法在.faq-row＆gt;上设置双切换（如果这有意义）。 h2和.faq-row＆gt; H3

var faqCategories = $('.categories');
var faqContainers = faqCategories.find('.container-toggle').hide();

var faqRow = faqCategories.find('.faq-row');
var faqRowItems = faqRow.find('.faq-row-answer').hide();    

$('.categories > h2').click(function() {
  faqCategories.removeClass('active');
  faqContainers.slideUp();
  $(this).parent(faqCategories).addClass('active')
  $(this).next().slideDown();
  return false;
});

$('.faq-row > h3').click(function() {
  faqRow.removeClass('active');
  faqRowItems.slideUp();
  $(this).parent(faqRow).addClass('active')
  $(this).next().slideDown();
  return false;
});

现在是犯罪的jquery。

$(".category-expand .expandAll").click(function() {
    $(".closeAll").toggleClass("hider");
    $(this).toggleClass("hider");      
    $(this).closest('.mainContent').find('.container-toggle').slideToggle('fast'); 
});

$("category-expand .closeAll").click(function() {
    $(".expandAll").toggleClass("hider");
    $(this).toggleClass("hider");
    $(this).closest('.mainContent').find('.container-toggle').slideToggle('fast'); 
});

Answer 1

当您点击onClick of closeAll按钮时，css选择器缺少＆＃39;。＆＃39;在类扩展类选择器之前，它应该是这样的：

$(".category-expand .closeAll").click(function() {
$(".expandAll").toggleClass("hider");
$(this).toggleClass("hider");
$(this).closest('.mainContent').find('.container-toggle').slideToggle('fast'); });

这是更新后的JSFiddle：http://jsfiddle.net/aS8wN/4/

Jquery关闭/展开所有按钮

1 个答案: