jquery 이용한 메뉴 질문드립니당. 채택완료
미스터고
9년 전
조회 3,316
</p><p><script></p><p> $(document).ready(function(){</p><p> $(".menu>a").click(function(){</p><p> var submenu = $(this).next("ul");</p><p> </p><p> // submenu 가 화면상에 보일때는 위로 보드랍게 접고 아니면 아래로 보드랍게 펼치기</p><p> if( submenu.is(":visible") ){</p><p> submenu.slideUp();</p><p> }else{</p><p> submenu.slideDown();</p><p> }</p><p> }).mouseover(function(){</p><p> $(this).next("ul").slideDown();</p><p> });</p><p> });</p><p></script></p><p> </p><p><div></p><p> <ul></p><p> <li class="menu"></p><p> <a><img src="" alt="상위메뉴이미지1"/></a></p><p> <ul class=""></p><p> <li>사무용책상(일자형)</li></p><p> <li>퍼즐형책상(ㄱ자형)</li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li>중역용책상</li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li>중역용책상(실속형)</li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li>임원용책상</li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li>유리/가죽디자인책상</li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li>교육/학원/세미나책상</li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li>컴퓨터책상</li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li>이동서랍</li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li>책상보조테이블</li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li>가정용책상</li></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><li>실험실/기숙사</li></p><p> </ul></p><p> </li></p><p> </p><p> <li class="menu"></p><p> <a><img src="" alt="상위메뉴이미지2"/></a></p><p> <ul class="hide"></p><p> <li>메뉴2-1</li></p><p> <li>메뉴2-2</li></p><p> <li>메뉴2-3</li></p><p> <li>메뉴2-4</li></p><p> <li>메뉴2-5</li></p><p> <li>메뉴2-6</li></p><p> </ul></p><p> </li></p><p> </ul></p><p></div></p><p> </p><p>
이게 소스인데요..
마우스를 올리면 2차메뉴가 펴지는건데요..
처음부터 1차메뉴만 보이고 마우스 오버시 2차메뉴가 보여야 하는데
처음부터 2차메뉴까지 다보이구요,
1차 메뉴를 클릭시 2차메뉴가 닫히게 되어있습니다. ㅠ
제이쿼리는 아예 몰라서 소스를 퍼오다 보니 질문드립니다. ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인