채택완료

jquery 질문드려요.. 연습중인 아코디언이 모바일작동이안되서요

2018-06-17 (일) 16:34:20 2,082

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# 이렇게 예제사이트올리면 규칙에 어긋나는거라면 말씀해주시면 내리겟습니다..

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

답변에 대한 댓글 1개

2018-06-26 (화) 03:31:59
잘모르겟어요 갑자기왜 메인주소를...

답변을 작성하려면 로그인이 필요합니다.