Jquery关闭/展开所有按钮

时间:2014-05-15 16:40:54

标签: jquery jquery-ui-accordion

我正在寻找纠正控制展开/关闭所有按钮的jquery。我已将有问题的jquery放在第二个代码块中。如果你点击这个fiddle,你应该更好地了解我在说什么。现在按钮不能正常工作,我已设法在.faq-row>上设置双切换(如果这有意义)。 h2和.faq-row> 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'); 
});

1 个答案:

答案 0 :(得分:0)

当您点击onClick of closeAll按钮时,css选择器缺少'。'在类扩展类选择器之前,它应该是这样的:

$(".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/