테스트 사이트 - 개발 중인 베타 버전입니다

마우스 오버 서브메뉴 block 채택완료

아래처럼 메뉴를 구성하였는데 마우스 오버시 

  • 의 뒤에 on 이란 클래시가붙어서 
  • 붙고 
    하게해서 대메뉴에 마우스 오버시 서브메뉴가 보여지게 하고싶습니다.

    스크립트좀 부탁드려요

     

  • 대메뉴1

  • 대메뉴2

  • 댓글을 작성하려면 로그인이 필요합니다.

    답변 1개

    채택된 답변
    +20 포인트

    코드 편의성을 위해 대메뉴의 클래스를 gnb 로 동일하게 하는 것을 추천하겠습니다.

     

    예제코드입니다.

    </p>
    
    <p><script></p>
    
    <p>$(function() {        
    
        $('.gnb').hover(function() {
    
            $(this).find('div').show();
    
        }, function() { 
    
          $(this).find('div').hide();
    
        });
    
    });</p>
    
    <p></script></p>
    
    <p> </p>
    
    <p><li class="gnb">대메뉴1
    
        <div class="gnb-2dep" style="display: none;">서브메뉴1-1</div>
    
    <li></p>
    
    <p><li class="gnb">대메뉴2
    
        <div class="gnb-2dep" style="display: none;">서브메뉴2-1</div>
    
    <li></p>
    
    <p>

     

    대메뉴1, 대메뉴2를 꼭 gnb1, gnb2 클래스로 클래스명이 다르게 가야 한다면,

    위의 코드에서 셀렉터를

    $('.gnb').hover(function() {

    ->

    $('li[class^=gnb').hover(function() {

    식으로 변경해도 됩니다.

    로그인 후 평가할 수 있습니다

    댓글을 작성하려면 로그인이 필요합니다.

    답변을 작성하려면 로그인이 필요합니다.

    로그인

    전체 질문 목록

    🐛 버그신고