在手风琴菜单中加载父页面之前,不要显示子页面

时间:2012-07-17 18:37:58

标签: jquery css jquery-ui-accordion

我在我网站的各个页面的LHS上有一个手风琴菜单

http://94.76.203.52

点击顶部的Senior,Junior等。

我有关于父部分的内容,但我只想在单击父链接后显示子菜单,因为您可能已经看到,子菜单会在页面加载之前出现。

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

请有人帮忙吗?

谢谢 马克霍伊斯

1 个答案:

答案 0 :(得分:0)

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

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

...当然你最初必须隐藏侧边栏(.sidebar {display:none;})。让我知道如果我离开基地,但如果加载订单是一个问题,这将解决它。

相关问题