jquery - 在 Accordion 菜单中加载父页面之前不显示子页面

Question

我网站上各个页面的左手边有一个 Accordion 菜单

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; }

请问有人可以帮忙吗？

谢谢马克·霍伊斯

Answer 1

请提供更多详细信息 - 当我无法重新创建时，很难知道您看到的是什么。否则，您可以隐藏“侧边栏”，直到文档加载...类似于:

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

...当然，您最初必须隐藏侧边栏 (.sidebar {display:none;})。让我知道我是否偏离了基地，但如果加载顺序有问题，这将解决它。