jQuery实现下拉菜单

<div class="col">
  <a class="MyList">完成率</a>
  <ul class="list_1">
    <a ttt="pv"><li >客单数</li></a>
    <a ttt="pc"><li>销售额</li></a>
    <a ttt="sales"><li>转化率</li></a>
  </ul>

</div>

function mainList(LoginProvider){
    $('.MyList').click(function(){
        if($('.list_1').is(':hidden')){
            $('.list_1').show();
        }else {
            $('.list_1').hide();
        }
    })
    $('.list_1 a').click(function(){
        $('.MyList').text($(this).text());
        $('.list_1').hide();
        console.log($(this).attr('ttt'));
        var str="2015-11-27";
        ToRank(LoginProvider,$('#tt').attr('aType'),$(this).attr('ttt'),str);
    })
    $('.MyList2').click(function(){
        if($('.list_2').is(':hidden')){
            $('.list_2').show();
        }else {
            $('.list_2').hide();
        }
    })
    $('.list_2 a').click(function(){
        $('.MyList2').text($(this).text());
        $('.list_2').hide();
    })
}