>我使用了这个网站的垂直手风琴菜单
http://www.designchemical.com/lab/jquery-vertical-accordion-menu-plugin/getting-started/
子菜单在页面加载时溢出。我使用的内部脚本是
<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>
我在样式表中尝试了这种样式
.blue .accordion li {overflow: hidden; position:relative;}
这是我的网页代码
<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>
但是没有什么可以解决这个问题。如何解决页面加载时溢出的问题?
将以下内容添加到样式表中:
.blue .accordion ul {display: none;}