2016-07-14 1 views
0

私はwordpress用の製品プラグインを使用しています。私は、アコーディオンメニューが両方ともページの読み込み時に開くようにしようとしています。私はそれを取り乱すのに十分なjavascriptに慣れていない。アコーディオンメニューを変更しているスクリプトはこちらですページローディング時に2つのアコーディオンボタンを開くにはどうすればよいですか?

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(); 

}); 
+1

を始める方法についてのアイデアを与えるためのひとつの方法です。 –

+0

サイト全体この1ページには多くのCSSとHTMLがあります。私はこのコードが何をしているのか、それを同時に開くようにする方法を尋ねています – mpeterson

答えて

0

私はMSPC Hoodieのプレビューページで簡単に見て、これを試しました。それは動作しますが、1つの注意点があります。項目の見出しを押すと、上下にスライドします。

これは、全体のコードを投稿してくださいあなたの

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"); 

    }); 

}); 
+0

MSPC Hoodieページでこれをプレビューする方法はありますか? – mpeterson

+0

ブラウザのコンソールにアクセスしてこのコードを貼り付けることができます。たとえば、Chromeを使用している場合などです。ページを右クリックしてinspectをクリックし、Consoleタブに移動してこのコードを貼り付けます – xort

関連する問題