jquery 求解

 <ul class=" leftAllCenter">
                <li class="titleS">
                    <img src="/images/homePage.gif" width="19" height="18" /><a href="#userCenter">用户中心</a></li>
                <li class="liOorB"><a href="#" onclick="userNav(this)" name="userBasicInfo.aspx">个人基本信息</a></li>
                <li class="liOorB"><a href="#" onclick="userNav(this)" name="editPwd.aspx">个人密码修改</a></li>
                <li class="liOorB"><a href="#" onclick="userNav(this)" name="pwdAndAnswer.aspx">密码问题&amp;答案</a></li>
                <li class="liOorB"><a href="#" onclick="userNav(this)" name="changeEmail.aspx">电子邮箱更改</a></li>
                <li class="liOorB"><a href="#" onclick="userNav(this)" name="getPwdByTypes/getPwdByCard.aspx?orderId=1">身份证绑定</a></li>
                <li class="liOorB"><a href="#" onclick="userNav(this)" name="getPwd.aspx" id="aGetPwd">登录密码找回</a></li>
                <li class="liOorB"><a href="#" onclick="userNav(this)" name="personalPayPwd.aspx">钱庄密码找回</a></li>
                <li class="titleS">
                    <img src="/images/serverPic.gif" width="19" height="18" /><a href="#serverCenter">客服中心</a></li>
                <li class="liOorB"><a href="/Service/allServers.aspx?typeId=3">用户建议</a></li>
                <li class="liOorB"><a href="/Service/allServers.aspx?typeId=1">用户投诉</a></li>
                <li class="liOorB"><a href="/Service/allServers.aspx?typeId=2">举报专区</a></li>
                <li class="liOorB"><a href="/Service/allServers.aspx?typeId=4">异常报告</a></li>
                <li class="liOorB"><a href="/Service/allServers.aspx?typeId=5">提交新游戏</a></li>
                <li class="titleS">
                    <img src="/images/sssss.gif" width="16" height="16" /><a href="#query">记录查询</a></li>
                <li class="liOorB"><a href="/Pay/UserPayHRecord.aspx" target="_self">充值记录查询</a></li>
                <li class="liOorB"><a href="/GoodsDiscuss/GoodsRecords.aspx" target="_self">兑奖记录查询</a></li>
                <li class="titleS">
                    <img src="/images/exitPic.gif" width="19" height="18" /><a href="javascript:Dialog.confirm('您确认要退出登录吗？', function () {window.location.href='/exit.aspx?loginOutUrl=<%=Server.UrlEncode(Request.Url.ToString()) %>'});"
                        name="editPwd.aspx">安全退出</a></li>
            </ul>这里每个li都是平行的关系 现在要求是：点击 用户中心或者客服中心或者充值记录 将其下面的菜单隐藏，再点击显示即为 $(document).ready(function () {
            $(".titleS").click(function () {               将其下面的li ，以两个class='titleS'为一个区间
               
            });
        }); 

解决方案 »

  1.   


    $(document).ready(function () {
        $(".titleS").click(function () {
        var flag = true;
         $(this).nextAll().each(function(){
            if($(this).attr("class")=='liOorB'&&flag){$(this).toggle();}
            else{flag = false;}
         });    
      });
    }); 你看看 是不是这意思 。
    弄了个变量 。一次性下面相应的titleS 应该是 有点困难的 。
      

  2.   

    如果使用nextAll() 能不能遇到class=titleS 的时候就终止呢
      

  3.   

       $(".titleS").click(function() {                 var lis =  $(this).nextAll();
     for(var i  = 0,len = lis.length;i<len;i++){
                        if($(lis[i]).attr("class") == 'titleS'){
    break;
    }
    $(lis[i]).toggle();
     }
                });
      

  4.   

    功能上是实现的，我只是感觉强大的jquery是可以搞定的 比如 end这个函数
      

  5.   

     $("#" + obj.RegionCheckBoxListPanel).show();显示
    $("#" + obj.RegionCheckBoxListPanel).hide();隐藏
      

  6.   


      <script language="javascript" type="text/javascript">
           $(document).ready( function () { 
            $(".titleS").click(function () {
                var lis = $(this).nextAll();
                for (var i = 0, len = lis.length; i < len; i++) {
                    if ($(lis[i]).attr("class") == 'titleS') {
                        break;
                    }
                    $(lis[i]).toggle();
                }
            });
        })
       </script>
    </head><body runat="server">
    <form runat="server"><ul class=" leftAllCenter">
      <li class="titleS">
      <img src="/images/homePage.gif" width="19" height="18" /><a href="#userCenter">用户中心</a></li>
      <li class="liOorB"><a href="#" onclick="userNav(this)" name="userBasicInfo.aspx">个人基本信息</a></li>
      <li class="liOorB"><a href="#" onclick="userNav(this)" name="editPwd.aspx">个人密码修改</a></li>
      <li class="liOorB"><a href="#" onclick="userNav(this)" name="pwdAndAnswer.aspx">密码问题&amp;答案</a></li>
      <li class="liOorB"><a href="#" onclick="userNav(this)" name="changeEmail.aspx">电子邮箱更改</a></li>
      <li class="liOorB"><a href="#" onclick="userNav(this)" name="getPwdByTypes/getPwdByCard.aspx?orderId=1">身份证绑定</a></li>
      <li class="liOorB"><a href="#" onclick="userNav(this)" name="getPwd.aspx" id="aGetPwd">登录密码找回</a></li>
      <li class="liOorB"><a href="#" onclick="userNav(this)" name="personalPayPwd.aspx">钱庄密码找回</a></li>
      <li class="titleS">
      <img src="/images/serverPic.gif" width="19" height="18" /><a href="#serverCenter">客服中心</a></li>
      <li class="liOorB"><a href="/Service/allServers.aspx?typeId=3">用户建议</a></li>
      <li class="liOorB"><a href="/Service/allServers.aspx?typeId=1">用户投诉</a></li>
      <li class="liOorB"><a href="/Service/allServers.aspx?typeId=2">举报专区</a></li>
      <li class="liOorB"><a href="/Service/allServers.aspx?typeId=4">异常报告</a></li>
      <li class="liOorB"><a href="/Service/allServers.aspx?typeId=5">提交新游戏</a></li>
      <li class="titleS">
      <img src="/images/sssss.gif" width="16" height="16" /><a href="#query">记录查询</a></li>
      <li class="liOorB"><a href="/Pay/UserPayHRecord.aspx" target="_self">充值记录查询</a></li>
      <li class="liOorB"><a href="/GoodsDiscuss/GoodsRecords.aspx" target="_self">兑奖记录查询</a></li>
      <li class="titleS">
      <img src="/images/exitPic.gif" width="19" height="18" /><a href="javascript:Dialog.confirm('您确认要退出登录吗？', function () {window.location.href='/exit.aspx?loginOutUrl=<%=Server.UrlEncode(Request.Url.ToString()) %>'});"
      name="editPwd.aspx">安全退出</a></li>
      </ul>
       </form>
    </body>
    验证过了