2026, 새로운 도약을 시작합니다.

슬라이드토글 코드 질문드립니다 채택완료

1년 전 조회 1,287


<div>
    <button class="toggle_btn">주의 사항</button>
    <div class="toggle_content">
        내용A
        <div class="close_btn">닫기</div>
    </div>
</div>
<div>
    <button class="toggle_btn">혜택</button>
    <div class="toggle_content">
        내용B
        <div class="close_btn">닫기</div>
    </div>
</div>

<script>
    $(document).ready(function() {
        $('.toggle_btn').click(function() {
            $(this).siblings('.toggle_content').slideToggle();
        });
        $('.close_btn').click(function() {
            $(this).parents('.toggle_content').slideUp();
        })
    });
</script>

해당 코드를 구현하면 처음에 닫힌 상태였음 좋겠는데 열려있네요

닫힘 상태로 시작할수있게 조정하는 방법좀 알려주세요 ㅠㅠ

답변 1개

채택된 답변
+20 포인트

toggle_content 클래스를 display:none 로 스타일을 줘보세요.

로그인 후 평가할 수 있습니다

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

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

로그인
🐛 버그신고