[英]vertical accordion menu overflow issue
I have used the vertical accordion menu from this site 我已经从该站点使用了垂直手风琴菜单
http://www.designchemical.com/lab/jquery-vertical-accordion-menu-plugin/getting-started/ http://www.designchemical.com/lab/jquery-vertical-accordion-menu-plugin/getting-started/
The sub menus getting overflow while page loads. 子菜单在页面加载时溢出。 The internal script that i have used is
我使用的内部脚本是
<script type="text/javascript">
$(document).ready(function($){
$('#accordion-3').dcAccordion({
eventType: 'click',
autoClose: false,
saveState: false,
disableLink: false,
showCount: false,
active:false,
collapsible:true,
speed: 'slow'
});
});
</script>
I tried this style in my stylesheet 我在样式表中尝试了这种样式
.blue .accordion li {overflow: hidden; position:relative;}
This is my html code 这是我的html代码
<div class="blue demo-container">
<ul class="accordion" id="accordion-3">
<li ><a href="#">Manage Webpage</a>
<ul>
<li ><a href="/admin/create">Create Webpage</a></li>
<li ><a href="/admin/view">View Webpage</a></li>
</ul>
</li>
<li class="active"><a href="/admin/content">Manage Menu</a></li>
<li ><a href="/admin/event">Manage Event</a></li>
<li ><a href="/admin/category">Add Category</a></li>
</ul>
</div>
But nothing could fix this issue. 但是没有任何办法可以解决此问题。 How can i fix this overflow on page load issue?
如何解决页面加载问题上的溢出?
Add the following to the style sheet: 将以下内容添加到样式表:
.blue .accordion ul {display: none;} .blue .accordion ul {显示:无;}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.