如何在頁面加載時打開兩個手風琴按鈕？

Question

我正在使用wordpress的產品插件，並試圖使手寫菜單在頁面加載時都處於打開狀態。我不熟悉JavaScript足以解決它。以下是改變手風琴菜單的腳本

if($wrapper.find('.mspc-accordion').size() > 0) { 

     //accordion 
     if(!$this.hasClass('active')) { 

      $menuItems.children('.icon').removeClass('minus').addClass('add'); 
      $this.children('.icon').removeClass('add').addClass('minus'); 

      var time = 300; 
      $content.slideUp(time); 
      $this.next('.mspc-content:first').delay(time).slideDown(time); 

     } 

    } 
    else { 

     //steps, tabs 
     $content.find('.mspc-variations').hide(); 
     jQuery($this.data('target')).show(); 

    } 

    $menuItems.removeClass('active'); 
    $this.addClass('active'); 


    evt.preventDefault(); 

}); 

Answer 1

我快速瀏覽了一下，並在MSPC Hoodie預覽頁面上試了一下。它可以工作，但有一點需要注意，如果按下項目標題，它會向上滑動，然後再向下滑動。

這只是給你如何開始

jQuery(function($) { 

    $(".mspc-accordion").children(".mspc-menu-item").each(function(i ,e) { 

    //this will open all accordion items, it seems that if an item has the class 
    //active, it wont close unless another inactive heading is clicked 

     $(e).hasClass("active") ? $(e).removeClass("active") : null; 
     $(e).children('.icon').removeClass('minus').addClass('add'); 
     $(e).children('.icon').removeClass('add').addClass('minus'); 
     $(e).next('.mspc-content:first').css("display","block"); 

    }); 

});