목록전체 글 (22)
연습장
아코디언 형식 스크립트
클릭포인트 숨겨놨다가 보여줄 컨텐츠 jQuery(function(){ var article = $('.컨텐츠랩 .article'); article.addClass('hide'); article.find('숨겨놨다가 보여줄컨텐츠').hide(); $('.컨텐츠랩 .article .클릭포인트').click(function(){ var myArticle = $(this).parents('.article:first'); if(myArticle.hasClass('hide')){ article.addClass('hide').removeClass('show'); // 아코디언 효과를 원치 않으면 이 라인을 지우세요 article.find('.숨겨놨다가 보여줄컨텐츠').slideUp(); // 아코디언 효과를 원치 않..
스트립트
2021. 11. 9. 14:51
햄버거 메뉴나 레이어팝업 활성화 후 그 외 영역을 클릭했을 때 팝업 닫힘
$(document).click(function(e){ if(!$(e.target).hasClass('layerPop')){ $('.gnb').stop().slideUp(300).removeClass('layerPop'); //서브 메뉴닫힘 }); docement를 클릭했을때 타겟에 layerPop클래스를 갖고 있지않으면 서브메뉴가 닫힘 단점 : document 어디를 클릭해도 이벤트가 발생하고 메뉴가 안닫히게 하려면 gnb클릭요소에 전부 layerPop클래스를 넣어줘야함 자바스크립트 셀렉터에 대해 공부하면 더 좋은 스크립트를 쓸 수 있을거 같음
스트립트
2021. 11. 9. 14:04