役割を決めてコードを書くこと。js→クラスの切り替え css→スタイルの変更
$(document)
.on('click','.js-modal_open',function(){
const target = $(this).attr('data-modal');
currentPos = $('body').scrollTop();
Modal.open(target,currentPos);
})
.on('click','.js-modal_close',function(){
const target = $(this).parent('.js-modal_container').attr('data-modal');
Modal.close(target,currentPos);
})
.on('click touch','.js-spNavi',function(){
if(!flag){
spNavi.open();
flag = true;
}else{
spNavi.close();
flag = false;
}
if(flagLang){
spLang.close();
flagLang = false;
}
})
.on('click touch','.js-spLang',function(){
if(!flagLang && width < mq){
spLang.open();
flagLang = true;
console.log("spLang.open");
}else if(flagLang == true && width < mq){
spLang.close();
flagLang = false;
console.log("spLang.close");
}
})
.on({
"mouseenter": function(){
if(width > mq){
console.log('hover.on');
spLang.open();
}
},
"mouseleave": function(){
if(width > mq){
console.log('hover.off');
spLang.close();
}
}
}, ".js-spLang")
;