묻고답하기

  2. Support
  3. 묻고답하기

jQuery 드롭다운 메뉴 구현 질문드립니다.

2011.04.15 19:53

무비클립

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <title>exam Jquery</title>
        <style type="text/css">
        @import url(exam.css);
        </style>
        <script type="text/javascript" src="jQuery.min.js"></script>
        <script type="text/javascript">
        <!--
        $(function(){
            $("#mainMenuText > #subNav > #subMenuText").hide();
            $("#mainMenuText").hover(function(){
                $("#mainMenuText > #subNav > #subMenuText").slideToggle('show');
            })
        })
        //-->
        </script>
    </head>
    <body>
        <div id="mainMenuBox">
            <ul id="mainNav">
                <li id="mainMenuText" class="mainMenu1">Company
                    <ul id="subNav">
                        <li id="subMenuText" class="subMenu1">농알쌩</li>
                        <li id="subMenuText" class="subMenu2">아농추</li>
                        <li id="subMenuText" class="subMenu3">미련한것</li>
                        <li id="subMenuText" class="subMenu4">앵이요</li>
                    </ul>
                </li>
                <li id="mainMenuText" class="mainMenu2">Product
                    <ul id="subNav">
                        <li id="subMenuText" class="subMenu1">김치만두</li>
                        <li id="subMenuText" class="subMenu2">꼬마사랑이</li>
                    </ul>
                </li>
                <li id="mainMenuText" class="mainMenu3">OnlineStore</li>
                <li id="mainMenuText" class="mainMenu4">Community</li>
            </ul>
        </div>
        <div id="both">
        </div>
    </body>
</html>
이렇게 하면 마우스를 올렸을경우 하위 서브메뉴 <ul>태그가 동시에 다 나와버리거든요
각각 개별적으로 작동하게 하려면 어떻게 해야 하죠?
함수를 호출해서 인자갑으로 넘겨 주던지 뭘 좀 해야 할것 같은데 잘 안되서요
애니메이션 동작은 원하는 형태로 나오는데 메인 메뉴에 마우스 오버시에 하위 메뉴가 전부 다 뜨는것 이걸 좀 잡아야 하는데
휴 안되네요.
이 코드는 또 IE7에서는 가장 위쪽 #mainMenuText만 선택이 되고 이하 #mainMenuText는 선택이 안되네요..
jQuery가 맨 위 부분에만 적용되네요 ㅜㅜ
이 게시물을

홈페이지 제작대행 및 쇼핑몰 제작대행 저렴하게 해드립니다.

좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
박찬 로그인문제,첨부파일문제 [1] 2009.02.28 by 박세홍659
케이준 서버 돌리시는 분 xe_document.frm 파일좀 부탁드립니다.  
써니~** 댓글등록의 버튼색깔 수정 [2] 2009.02.28 by 써니~**
Zero보드 댓글이 게시글과 함께 목록에 표시되도록 ?? [1] 2009.02.28 by 띵야
설치 문제입니다 . 설치후 도메인/xe/인덱스 들어갔더니 나오는 글 입니다. admin 도 마찬가지로.. [1] file 2009.02.28 by GUTU
dd http://love9.22.to생방송 카 지노 게임만 하면 돈되는ㅂ ㅏ카라 [2] 2009.02.28 by 저놈쥐여
Zero보드 강제로 비밀글만 쓰도록 하는 방법은 없나요?? [5] 2009.02.28 by -
민들레 rss 기능이 잠겨있다는 오류메시지는? [1] 2009.02.28 by 백성찬
앙라뿅뿅 XE 게시판 만들려면 [1] 2009.02.28 by 백성찬
이동일636 포인트 회원에게 주는법 아시는분? [2] 2009.02.28 by 이동일636
winter548 구글 애드센스 에드온 질문.... [2] 2009.02.28 by winter548
우루사 급, xe관련 궁금  
우루사 급, xe관련 궁금  
우루사 급, xe관련 궁금  
ammaket 퍼미션 설정이 안됩니다 [2] file 2009.02.28 by 장학신
bumworld XE_FILES에서 직접 파일 경로를 가져와 이미지를 보여줘도 되나요?  
가르 게시물에 링크되어있는 것 무조건 새창으로 열기  
김세환717 제로보드4 관련 해킹 질문입니다. file  
션션 name 태그 못쓰나요?  
이동일636 bmp 이미지 삽입 안되나요? [3] 2009.03.01 by 시카고
ammaket xe.full.1.1.5 tgz 관리자페이지 [5] file 2009.03.01 by 웅천
유샤인 리눅스에다 xe 설치하신분들, 왜이런 오류메세지가 뜨는 지 혹시 아십니까? [2] 2009.03.01 by 유샤인
dittouni 배경색 [1] 2009.03.01 by 닝기리쓰레빠
딩딩 작성 글 보기 (내가 쓴 글 보기) 와 관련된 질문입니다. [2] 2009.03.01 by 딩딩
유인렬 레이아웃... 질문드립니다... 꾸벅.. [2] 2009.03.01 by 유인렬
\"vusdo\" 이런 증상이 왜 생길까요?  
miso777 w3c XHTML1.0 오류경고 이게 뭔가요.? [3] 2009.03.01 by EveR™
율리스 한 문서에서 에디터 2개 이상 사용하는 방법?  
태림닷컴 제로보드는 아니지만..ㅠㅠ php 주문서 작성 후 수정부분..  
중년 게시판 본문 하단 목록 안생기게 하려면? [1] 2009.03.01 by aa
태그 쓰기