javascript - 在 Js Accordion 菜单中选择子菜单时，保持所选父菜单打开

Question

当页面加载时， Accordion 的子菜单之一被选中，因此它应该打开所选子菜单的父菜单。

您可以在 fiddle 中看到第一个父菜单的第一个子菜单被选中，但是当它加载时，它不会展开第一个父菜单。

目标是加载菜单 2，因为子菜单 1 已被选中

看看这个 fiddle 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>

Answer 1

如果列表项之一处于事件状态，您可以检查子项和打开/显示列表的状态。

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

https://jsfiddle.net/xwfp6cy1/