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

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

 

답변을 작성하시기 전에 로그인 해주세요.
전체 4,521
QA 내용 검색

회원로그인

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