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

마우스 hover 질문 드립니다. (코드 있어요 ㅜㅜ) 채택완료

안녕하세요 선배님들 !

 

저는 지금

 

1이라는 div에 마우스를 올렸을때

2, 3 이라는 div가 display block이 되었다가

마우스를 빼면

2, 3이라는 div가 display none이 되는 코드를 구현하고싶은데

 

   

 

       

 

" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-1.10.2.js">

 

 

위와같이 전체 카테고리라는 곳에 마우스를 올리면

display none이 되어있던 컨텐츠들이 display block이 되게끔 설정을 하고 싶어서

위와 같은 코드를 구현했습니다만,

 

 

마우스를 올리면 display block이 됬다 none이 됬다 무한 반복되면서 위와 같이 반짝반짝거리기만 합니다.

 

 

 

무엇이 잘못되었고, 

어딜 고쳐야하며, 

이보다 더 나은 코드 구현 방법이 있을까요 ?

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

답변 1개

채택된 답변
+20 포인트

$(function () {         $("#hd_allcate").hover(function(){

            $(".hd_cateview").css("display","block");

        },function(){

            $(".hd_cateview").css("display","none");

        });     });

 

제가 질문을 제대로 이해했다면 돌아갈겁니다...그리고 ul태그 안에 첫자식 div를 li로 고쳐주는것이 맞는것같습니다..

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

답변에 대한 댓글 2개

답변 감사드립니다 !
function을 2개로 분리하셨던 것일까요 ?

적어주신 코드 그대로 긁어갔음에도 불구하고 동일하네요 ㅜㅜ
다른 방법으로 해결했습니다. 감사합니다 !

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

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

로그인

전체 질문 목록

🐛 버그신고