제이쿼리2 JS | Jquery - 탭 메뉴, 팝업 창 만들기 JS | Jquery - 탭 메뉴, 팝업 창 만들기 탭 메뉴 $(document).ready(function(){ $(".tab-cont>div").eq(1).hide(); $(".tab-btn>ul>li").eq(0).click(function(){ $(".tab-btn>ul>li").eq(1).css("text-decoration","none"); $(".tab-btn>ul>li").eq(0).css("text-decoration","underline"); $(".tab-cont>div").eq(1).hide(); $(".tab-cont>div").eq(0).show(); }); $(".tab-btn>ul>li").eq(1).click(function(){ $(".tab-btn>ul>li").eq(0.. 2021. 2. 19. JS | Jquery - 드랍다운메뉴만들기(전체,개별,+날개) JS | Jquery - 드랍다운메뉴만들기(전체,개별,+날개) 전체메뉴 드랍다운 실행화면 개별메뉴 드랍다운 ul class=nav 첫번째 자식요소 li의 각각에 num1 ~ num4까지 넘버링을 하여 마우스가 li에 올려져 있을 때, 자식메뉴들이 slideToggle로 인해 펼쳐지고 마우스가 떠나면 접힌다. 개별메뉴 아래로 펼쳐지기 메뉴가 세로로 배치되어 있으며, 아래로 펼쳐진다. 개별메뉴 오른쪽으로 펼쳐지기 전체메뉴 드랍다운+날개 전체메뉴 드랍다운에 div요소 id 는 "wing" 을 추가하여, 전체메뉴가 내려올 시에, 같은속도로 같이 드랍다운이 되도록 만들었다. 2021. 2. 19. 이전 1 다음 반응형
