如何用jquery简写下面的javascript代码

[ScriptTao]

for(var i = 0; i < $('.menu-choice').length; i ++) {
(function (j){
$('.menu-choice').eq(j).on('click',function(){
for(var k = 0; k < $('.menu-choice').length; k ++) {
$('.my').eq(k).css('display','none');
$('.icon').eq(k).css('display','block');
$('.icon-cover').eq(k).css('display','none');
$('.line-cover').eq(k).css('display','none');
$('.menu-span').eq(k).css('fontWeight','normal');
$('.menu-span').eq(k).css('color','#333333');
$('.longLineCover').css('display','none');
$('#scheduleList').css('display','none');
}
if(j==1){
$('.longLineCover').css('display','block');
$('#scheduleList').css('display','block');
}
var a = $('.my').eq(j).height() + 'px';
$('#menu').css('height',a);
$('#menu').css('borderRight','1px solid #ededed');
$('.my').eq(j).css('display','block');
$('.icon').eq(j).css('display','none');
$('.icon-cover').eq(j).css('display','block');
$('.line-cover').eq(j).css('display','block');
$('.menu-span').eq(j).css('fontWeight','bold');
$('.menu-span').eq(j).css('color','#3388FF');
});
}(i));
}

[dislido]

const menuChoice = $('.menu-choice'); const len = menuChoice.length; for(let i = 0; i < len; i ++) { menuChoice.eq(i).on('click', () => { $(`.my:lt(${len}),.icon-cover:lt(${len}),.line-cover:lt(${len})`).hide(); $(`.icon:lt(${len})`).show(); $(`.menu-span:lt(${len})`).css({fontWeight: 'normal', color: '#333333'}); $('.longLineCover,#scheduleList').css('display', i === 1 ? 'block' : 'none'); let a = $('.my').eq(i).height() + 'px'; $('#menu').css({height: a, borderRight: '1px solid #ededed'}); $(`.my:eq(${i}),.icon-cover:eq(${i}),.line-cover:eq(${i})`).show(); $(`.icon:eq(${i})`).hide(); $(`.menu-span:eq(${i})`).css({fontWeight: 'bold', color: '#3388FF'}); }); }