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

 

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

회원로그인

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