컨텐츠몰 특별할인 9월1일~12월31일

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

그누보드5
영카트5
스터디
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티
j쿼리 공부중에 혹시 이건 고수님들에게 쉬울거 같은데요..

QA

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 함수를 사용해 보시죠.

 

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

회원로그인

진행중 포인트경매

  1. 참여6 회 시작20.09.23 19:57 종료20.09.30 19:57

(주)에스아이알소프트 (06212) 서울시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT