크롬80버전 결제 이슈, 영카트5 주요패치 확인!

j쿼리 공부중에 혹시 이건 고수님들에게 쉬울거 같은데요..

컨텐츠몰 10% 할인 기간연장!
그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티
j쿼리 공부중에 혹시 이건 고수님들에게 쉬울거 같은데요..

QA

SIR 컨텐츠몰 10% 특별할인 - 코로나19 바이러스로 어려운 시기, SIR이 함께 하겠습니다.

j쿼리 공부중에 혹시 이건 고수님들에게 쉬울거 같은데요..

본문

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>  
<script>
$(document).ready(function(){
    $("#div_m").hover(function(){
        $("#div1").fadeToggle();
        $("#div2").fadeToggle("slow");
        $("#div3").fadeToggle(1000);
    });
});
</script>
<div id="div_m" style="width:180px;height:80px;background-color:red;"></div>
<div id="div1" style="width:180px;height:80px;background-color:red;display:none"></div>
<div id="div2" style="width:180px;height:80px;background-color:green;display:none"></div>
<div id="div3" style="width:180px;height:80px;background-color:blue;display:none"></div

 

위와 같은 기초적인 코드를 실행하면...네모 박스 div_m 박스에 있을때는 모두 3개가 노출이 되는데..

아래로 내려가서 div1 박스를 마우스를 가져가면 모두 사라져 버립니다.

hover 로 하면 될거 같은데..

어렵네요....

고수님들 도와주세용..

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 1

채택됨

평정심님의 답변

그렇게 되는 것이 당연합니다.

fadeToggle함수는 이 경우 마우스를 m에 오버 했을 때 보이는 것은 보이지 않게

보이지 않는 것은 보이게 하는 함수입니다.

 

사라지지 않고 계속 보이게 할려면

fadeIn 함수를 사용해 보시죠.

 

주소복사
채택됨
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 39,856
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. 참여18 회 시작20.03.25 10:40 종료20.04.01 10:40

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT