在父页面加载到手风琴菜单之前不显示子页面答案

【问题标题】：Do not show child pages until parent page has loaded in accordion menu在父页面加载到手风琴菜单之前不显示子页面
【发布时间】：2012-07-18 03:20:11
【问题描述】：

我的网站上各个页面的 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; }

请问有人可以帮忙吗？

谢谢马克·霍斯

【问题讨论】：

标签： jquery css jquery-ui-accordion

【解决方案1】：

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

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

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

【讨论】：