제이쿼리 질문좀 드리겠습니다.

제이쿼리 질문좀 드리겠습니다.

QA

제이쿼리 질문좀 드리겠습니다.

본문

안녕하세요 질문좀드리겠습니다.

 

 

클릭시 펼치기 접기 부분 소스인데여

 

만약에 클릭후 내용이 나올때 배경을  검정 투명으로 하고싶은데 어떻게 해야할까요?


<HTML>
<HEAD>
<!-- jQuery를 사용하려면 아래 코드 한 줄을 반드시 추가해야한다. -->
<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>
$(document).ready(function(){
    $("#spreadBtn").click(function(){
        if($("#hiddenContent").is(":visible")){
            $("#hiddenContent").css("display", "none");
        }else{
            $("#hiddenContent").css("display", "block");
        }
    });
});
</script>
</HEAD>
 
<BODY>
<button id="spreadBtn" class="btn01">펼치기</button>
<div id="hiddenContent" class="example01" style="display: none;">내용</div>
</BODY>
</HTML>
 

이 질문에 댓글 쓰기 :

답변 2

신비 님이 써 주셔서 패스

참고로

if($("#hiddenContent").is(":visible")){
    $("#hiddenContent").css("display", "none");
}else{
    $("#hiddenContent").css("display", "block");
}

이렇게 쓰는 것도 있고

$("#hiddenContent").toggle();

이렇게 한 줄로 하는 것도 있답니다.

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

회원로그인

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