在Js accordian菜单中选择子菜单时,保持选定的父菜单打开

时间:2017-04-03 11:28:05

标签: javascript jquery html css accordion

当页面加载时,选择了一个手风琴子菜单,因此它应该打开所选子菜单的父菜单。

你可以在小提琴中看到第一个父菜单的第一个子菜单被选中,但加载时,它不会扩展第一个父菜单。

目标是将菜单2加载为扩展,因为已经选择了子菜单1

看看这个小提琴 https://jsfiddle.net/shaswatatripathy/ucgff65k/8/

-------------- HTML --------------

<ul id="accordion" class="accordion">
                         <li>
                            <div class="link">Menu 2</div>
                            <ul class="submenu">
                                <li class="active" ><a href="#">submenu1</a></li>
                                <li><a href="#">submenu1</a></li>
                                <li><a href="#">submenu1</a></li>
                            </ul>
                        </li>
                        <li>
                            <div class="link">Menu 3</div>
                            <ul class="submenu">
                                <li><a href="#">submenu1</a></li>
                                <li><a href="#">submenu1</a></li>
                                <li><a href="#">submenu1</a></li>
                            </ul>
                        </li>
                        </ul>

1 个答案:

答案 0 :(得分:0)

如果列表项之一处于活动状态,您可以检查子项的状态并打开/显示列表。

    if ($('#accordion .submenu li.active').length > 0 ) {
        $($('#accordion .submenu li.active')[0]).parent().show();
    }

https://jsfiddle.net/xwfp6cy1/