채택완료

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

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

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

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

Copy
<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개

채택된 답변
+20 포인트
2019-09-19 (목) 12:49:04

신비 님이 써 주셔서 패스

참고로

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

이렇게 쓰는 것도 있고

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

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

답변을 작성하려면 로그인이 필요합니다.