垂直手風琴菜單溢出問題

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 {顯示：無；}