javascript - 如何折叠所有菜单项

Question

我想要折叠所有菜单项。

我有菜单(稍后将使用 jQuery 添加)

 <ul class="cd-accordion-menu animated">
    <li class="has-children">
        <input type="checkbox" name ="group-1" id="group-1" checked>
        <label for="group-1">Group 1</label>

        <ul id="ulm">
            <li class="has-children">
                <input type="checkbox" name ="sub-group-1" id="sub-group-1" checked>
                <label for="sub-group-1">Sub Group 1</label>

                <ul id="ulm">
                    <li><a href="#0">Image</a></li>
                    <li><a href="#0">Image</a></li>
                </ul>
            </li>               
            <li><a href="#0">Image</a></li>
            <li><a href="#0">Image</a></li>
        </ul>
    </li>
</ul>

和

我使用 jQuery

<a id="go" href="#">Collapsed</a>

<script>
    $(document).ready(function () {
        $('#go').click(function () {
            $('#ulm').css('display', 'none');
        });
    });
</script>

但菜单未折叠

链接文章https://codyhouse.co/gem/css-multi-level-accordion-menu/

Answer 1

如果你想折叠菜单，你应该隐藏(显示:无)未选中元素的子元素。

<script>
function MenuCollapsed() {
     document.getElementsByTagName("input")[0].removeAttribute("checked");;
     document.getElementsByTagName("ul")[1].style="display:none";
}
</script>

使用 jQuery 会非常简单。

你的ajax是指jQuery吗？