슬라이드토글 코드 질문드립니다

슬라이드토글 코드 질문드립니다

QA

슬라이드토글 코드 질문드립니다

답변 1

본문


<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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 27
© SIRSOFT
현재 페이지 제일 처음으로