resize 후 명령어 실행 오류

resize 후 명령어 실행 오류

QA

resize 후 명령어 실행 오류

답변 1

본문


$('.icon').click(function(){
  $('.icon').toggleClass('active');
  if($(window).width() >= 961){
    $('#gnb_all').slideToggle('fast');
  } else {
    $('#m_gnb_all').slideToggle('fast');
    $("#m_gnb_all .gnb_al_li>ul").hide();
    $('#m_gnb_all .gnb_al_li').click(function(){
      if($(this).hasClass("open")){
        $(this).children("ul").stop().slideUp("fast");
        $(this).removeClass("open");
      } else {
        $(this).addClass("open");
        $(this).children("ul").stop().slideDown("fast");
      }
    });
  }
});

$(window).resize(function(){
   var win = $(window).width();
   var p = 961;
    if(win >= p){
     if($('#m_gnb_all').is(":visible")){
       $('#m_gnb_all').css("display","none");
       $('.icon').removeClass('active');
       $('#m_gnb_all .gnb_al_li').removeClass('open');
     }
    }
    else {
      if($('#gnb_all').is(":visible")){
        $('#gnb_all').css("display","none");
        $('.icon').removeClass('active');
      }
    }
});

너비 960픽셀 이하에서 시작해 961픽셀 이상까지 늘린후 다시 다시 960픽셀 이하로 줄이면

#m_gnb_all .gnb_al_li 클릭시 open 클래스가 추가/한번더 클릭시 open 클래스 삭제까지는 되는데

#m_gnb_all .gnb_al_li 의 ul 이 슬라이드 다운 되지 않습니다

이 질문에 댓글 쓰기 :

답변 1

ul도 li와 같은 형태로 해주셔야 합니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 13
© SIRSOFT
현재 페이지 제일 처음으로