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();
})
}