问题描述

这javascript中有什么问题

我写的一个菜单里出现一个问题，点击菜单1之后打开了菜单1，点击菜单2之后菜单1没隐藏，该怎么改

<div class="headmenu1">
            <span><a href="#" class="show">我的收藏</a></span>
                <ul style="display: none;">
                    <li>
                        <a href="#">收藏列表</a>
                    </li>
                    <li>
                        <a href="#">我的订单</a>
                    </li>
                </ul>
        </div>
        <div class="headmenu2">
            <span><a href="#" class="show">客户服务</a></span>
                <ul style="display: none;">
                    <li>
                        <a href="#">帮助中心</a>
                    </li>
                    <li>
                        <a href="#">售后服务</a>
                    </li>
                    <li>
                        <a href="#">在线客服</a>
                    </li>
                    <li>
                        <a href="#">投诉中心</a>
                    </li>
                    <li>
                        <a href="#">客服邮箱</a>
                    </li>
                </ul>
        </div>
        <script>
        $(document).ready( function() {
    $("a.show").toggle( function() {
        $(this).parent().next("ul").toggle('fast');
    }, function() {
        $(this).parent().next("ul").hide('slow');*/
    });
        });
        </script>

解决方案

你并用执行隐藏其他菜单的操作，而且你的js代码有问题，怎么又*/在里面？

     $(document).ready(function () {
        $("a.show").toggle(function () {
            $('ul').not($(this).parent().next()).hide('slow');////////////
            $(this).parent().next("ul").toggle('fast');
        }, function () {
            $(this).parent().next("ul").hide('slow');
        });
    });