javascript - 垂直アコーディオン メニューのオーバーフローの問題

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 {表示：なし;}