Jquery关闭/全部展开按钮

我希望更正控制展开/关闭所有按钮的jquery。我已将有问题的jquery放在第二个代码块中。如果你点击这个，你应该会对我说的有更好的了解。现在按钮不能正常工作，我已经设法在.faq行>h2和.faq行>h3上设置了一个双切换（如果有意义的话）

var faqCategories=$（'.categories'）；
var faqContainers=faqCategories.find（'.container toggle'）.hide（）；
var faqRow=faqCategories.find（'.faq行'）；
var faqRowItems=faqRow.find（'.faq行答案'）.hide（）；
$（'.categories>h2'）。单击（函数（）{
常见问题解答类别。removeClass（“活动”）；
faqContainers.slideUp（）；
$（this）.parent（faqCategories.addClass（'active'））
$（this.next（）.slideDown（）；
返回false；
});
$（'.faq行>h3'）。单击（函数（）{
faqRow.removeClass（'active'）；
faqRowItems.slideUp（）；
$（this.parent（faqRow.addClass（'active'））
$（this.next（）.slideDown（）；
返回false；
});

现在是令人不快的jquery

$（“.category expand.expandAll”）。单击（函数（）{
$（“.closeAll”）.toggleClass（“隐藏”）；
$（this.toggleClass（“隐藏”）；
$（this）.closest（'.mainContent'）.find（'.container toggle'）.slideToggle（'fast'）；
});
$（“类别展开.closeAll”）。单击（函数（）{
$（“.expandAll”）.toggleClass（“隐藏”）；
$（this.toggleClass（“隐藏”）；
$（this）.closest（'.mainContent'）.find（'.container toggle'）.slideToggle（'fast'）；
});

当你点击closeAll按钮时，css选择器缺少“.”在类别展开类选择器之前，它应该是这样的：

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

以下是更新的JSFIDLE：