垂直手风琴菜单溢出问题

Question

我使用过本网站的垂直手风琴菜单

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

这是我的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>

但没有什么可以解决这个问题。如何在页面加载问题上修复此溢出？

Answer 1

将以下内容添加到样式表中：

.blue .accordion ul {display：none;}