javascript - 关闭 Accordion 菜单的所有选项卡

Question

我的文件中有一个简单的 Accordion 菜单，第一个菜单项始终打开，但如何修改 JS 以便所有菜单项在页面加载时关闭？网址是 http://helloarchie.blue/archives

JS

function openFirstPanel(){
$('.accordion > dt:first-child').next().addClass('active').slideDown();
}

(function($) {

var allPanels = $('.accordion > dd').hide();

openFirstPanel();

$('.accordion > dt > a').click(function() {
  $this = $(this);
  $target =  $this.parent().next();


  if($target.hasClass('active')){
    $target.removeClass('active').slideUp(); 
  }else{
    allPanels.removeClass('active').slideUp();
    $target.addClass('active').slideDown();
  }

return false;
});

Answer 1

删除 openFirstPanel() 函数以及对该函数的调用。

所以你得到这个:

(function($) {

    var allPanels = $('.accordion > dd').hide();
    $('.accordion > dt > a').click(function() {
        $this = $(this);
        $target =  $this.parent().next();
        if($target.hasClass('active')){
            $target.removeClass('active').slideUp(); 
        }else{
             allPanels.removeClass('active').slideUp();
             $target.addClass('active').slideDown();
         }

    return false;
});