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