jq ajax 实现手机端商城分类

简单记录一下
实现效果：

只把jq代码放上来了，希望有人指点

var catList = [];
  $(".left-part li").click(function(){
      var index1 = $(this).index();
      $(".left-part li div").css({"border": 0,"padding-left":"3px","font-weight":"normal"});
      $(".left-part li").css({"background":"#ededed"});
      $(this).children().css({"border-left":"3px solid #2b2b2b","padding-left": 0,"font-weight":"bolder"});
      $(this).css({"background":"#ffffff"});
      $(".right-part>.right-part-main").eq(index1).css({"display":"block"});
      var pid  = $(this).attr('data-pid');
      $('.right-part-top a').attr('href','/index.php/Index/Product/proList/id/'+pid+'.html')
      $.ajax({
          url:'{newe:U('getClass')}',
          data:{'id':pid},
          success:function(result){
              $('.right-part-main ul ').html('')
              var res=JSON.parse(result);
                  if(res == false){
                      $('.right-part-main ul ').html('<li><div class="tab-2">无内容</div></li>');
                  }else{
                      for(var i in res){
                          $('.right-part-main ul ').append('<li><div class="tab-2">'+res[i]['name']+'<img src="http://css.w1w.me/youxuanstatic/icon/xx2.png" alt=""></div><div class="tab-3"></div></li>');
                      }
              catList = res;
               }
          }
      });
  });
$(document).on("click", ".tab-2", function() {
    var index2 = $(this).index('.tab-2');
    var subClass = catList[index2]['subclass'];
    console.log(subClass);
    var subBox = $(this).parents().find('.tab-3');
    subBox.html('');
    if(subClass == false){
        subBox.html('<a>无内容</a>');
    }else{
        for(var i in subClass){
            subBox.append('<a href="">'+subClass[i]['name']+'</a>')
        }
    }
    var status = $(this).next().css("display");
    if(status == "none"){
        // console.log(status);
        $(".right-part .tab-3").hide(100);
        $(this).next().show(100);
    }else{
        // console.log(status);
        $(".right-part .tab-3").hide(100);
    }
})