0

サイトのさまざまなページの LHS にアコーディオン メニューがあります。

http://94.76.203.52

上部のシニア、ジュニアなどをクリックします。

親セクションにコンテンツがありますが、親リンクがクリックされた後にのみサブメニューが表示されるようにします。ご覧のとおり、ページが読み込まれる前にサブメニューが表示されるためです。

このプラグインを Worpdress で使用しています

http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-jquery-vertical-accordion-menu-widget/

シニア LHS メニュー用に私が持っている CSS は次のとおりです。

 #dc_jqaccordion_widget-7-item {border-top: 0px solid #00365E; text-align:right; font-size:11px; margin-left:25px;}
 #dc_jqaccordion_widget-7-item ul, #dc_jqaccordion_widget-7-item ul li {margin: 0; padding: 0; border: none; list-style: none;}
 #dc_jqaccordion_widget-7-item ul a {background-repeat: no-repeat; background-position:10px center; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px 5px 5px 32px; text-decoration:none; display: block; font-weight: bold; text-transform:lowercase;color:#ECF6F5; background-color:#00365E;}
 *#dc_jqaccordion_widget-7-item ul a.dcjq-parent {background-color:#00365E; color:#ECF6F5;}
 #dc_jqaccordion_widget-7-item ul a.dcjq-parent.active { background-color: #00365E; color:#84CAC6; }
 #dc_jqaccordion_widget-7-item ul li ul li.current-menu-item a {background-color: #ECF6F5; color:#84CAC6; }
 #dc_jqaccordion_widget-7-item ul li ul li.current-menu-item a.active {background-color:      #ECF6F5; color:#00365E; }
 #dc_jqaccordion_widget-7-item ul li ul li.current-menu-item a:hover {background-color:   #ECF6F5; color:#00365E; }
 #dc_jqaccordion_widget-7-item ul li ul li {background-color: #84CAC6; color:white;}
 #dc_jqaccordion_widget-7-item ul li ul li a {background-color: #84CAC6; color:white;}
 #dc_jqaccordion_widget-7-item ul a:hover {background-color:#84CAC6 ; color:#00365E;}
 #dc_jqaccordion_widget-7-item ul li ul li a.dcjq-parent {background-color: #84CAC6; color:white;}
 #dc_jqaccordion_widget-7-item ul li ul li a.dcjq-parent:hover {background-color:#84CAC6 ; color:#00365E;}
 #dc_jqaccordion_widget-7-item ul li ul li a.dcjq-parent.active {background-color: #84CAC6; color:#00365E; }
 #dc_jqaccordion_widget-7-item ul li ul li ul li a {background-color: #ECF6F5; color:#84CAC6; }
 #dc_jqaccordion_widget-7-item ul li ul li ul li a.active {background-color: #ECF6F5; color:#00365E; }

誰か助けてください。

ありがとうマーク・ホーズ

4

1 に答える 1

0

詳細を教えてください - 再現できない場合、何が表示されているかを知るのは困難です。それ以外の場合は、ドキュメントが読み込まれるまで「サイドバー」を非表示にすることができます...次のようなものです:

$(document).ready(function() {
     $('.sidebar').show();
});

...もちろん、最初はサイドバーを非表示にする必要があります ( .sidebar {display:none;})。私がベースから外れている場合はお知らせください。ただし、読み込み順序に問題がある場合は、これで修正されます。

于 2012-07-17T19:20:11.160 に答える