게시판 스크립트 질문드립니다.
본문
<script>
jQuery(function($) {
//메모열기
$(".cmt_btn").click(function(e){
e.preventDefault();
$(this).toggleClass("cmt_btn_op");
$("#bo_vc").toggle();
});
});
</script>
해당 스크립트는 이미지에서 동그라미 빨간색 누르면 숨겨지게 (닫히고) 열고 하는 스크립트더라고요!
근데 이게 기본적으로 보이게(열러)있습니다.
이걸 기본적으로 숨겨지게(닫힘상태)로 나오게 하려면 어떻게 수정해야 할가요?
게시판 보기에서 하단에 있는 댓글(메모) 부분입니다..
답변 3
아래의 내용을 한번 참고해 보시겠어요...
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Toggle Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
/* 기본적으로 숨김 상태로 설정 */
#bo_vc {
display: none;
}
</style>
</head>
<body>
<!-- 버튼 요소 -->
<button class="cmt_btn">Toggle</button>
<!-- 숨기고/보여줄 요소 -->
<div id="bo_vc">
이 부분은 기본적으로 숨겨집니다.
</div>
<script>
jQuery(function($) {
//메모 열기/닫기
$(".cmt_btn").click(function(e){
e.preventDefault();
$(this).toggleClass("cmt_btn_op");
$("#bo_vc").toggle();
});
});
</script>
</body>
</html>
#bo_vc {
display: none;
}
이걸로 처리하니까 잘되네요 너무너무 감사드립니다. ^^
저도 잘 모르겠어요 ㅎㅎ
저도요 ㅠㅠ
