jquery 질문드려요.. 연습중인 아코디언이 모바일작동이안되서요
본문
function ft_accodian() {
var $w_width = $(window).width();
var $ui_show = $('.ui_show');
var $ft_btn = $('.ft_content').children('ul').children('li').find('a')
$('.ui_show').hide();
$ft_btn.on("click", function (e) {
e.preventDefault();
$('.link_btn').removeClass("open_2");
if($w_width > 768){
if(($ui_show).css('display') == ('none')){
$ui_show.slideDown('fast');
$('.link_btn').addClass("open_2");
}else{
$ui_show.slideUp('fast');
}
}
});
$(window).resize(function(){
$ft_btn.on("click", function (e) {
e.preventDefault();
$('.link_btn').removeClass("open_2");
if ($w_width <= 768) { // 모바일영역
if ($(this).next('.ui_show').css('display') == 'none') { // 해당 클릭한클래스의
$ui_show.slideUp('fast');
$(this).next('.ui_show').slideDown('fast');
$(this).addClass("open_2");
}else{
$ui_show.slideUp('fast');
}
}
});
});
}
ft_accodian();
모바일시 해당 클릭한 메뉴만 활성화시키고 피씨시에는 모든 메뉴가 활성화되게하고싶습니다
또한 여기에 if else문이 많이 나오는데요 삼항식으로 줄일수있는걸까요
삼항식으로 줄이게되면 코드가 어떤장점을 가지는건지 궁금해요..
http://lavy.dothome.co.kr/meritz/meritz.html# 이렇게 예제사이트올리면 규칙에 어긋나는거라면 말씀해주시면 내리겟습니다..