垂直手风琴菜单溢出问题

vertical accordion menu overflow issue

本文关键字：出问题 溢出 菜单 手风琴 垂直      更新时间：2023-09-26

>我使用了这个网站的垂直手风琴菜单

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

相关文章：