제이쿼리 질문좀 드리겠습니다.
본문
안녕하세요 질문좀드리겠습니다.
클릭시 펼치기 접기 부분 소스인데여
만약에 클릭후 내용이 나올때 배경을 검정 투명으로 하고싶은데 어떻게 해야할까요?
<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();
이렇게 한 줄로 하는 것도 있답니다.
답변을 작성하시기 전에 로그인 해주세요.
