토글 기능 사용중인데 버튼 클릭할때 왜 새로고침이 될까요?

토글 기능 사용중인데 버튼 클릭할때 왜 새로고침이 될까요?

QA

토글 기능 사용중인데 버튼 클릭할때 왜 새로고침이 될까요?

본문

<ul>

<li> 버튼0</li>

 <li class="q-btn2"><p class="-pTxt -mov">버튼1</p>

<a href=""><img src="btn5.png" class="icon-img" style="top: 7px;"></a></li>
 <div class="popup-content" style="display:none">   

 토글 내용이 뜨는 부분

</div>

<li> 버튼2</li>

<li> 버튼3</li>

</ul>

 

<script type="text/javascript">

    $(".popup-content").hide();

    $('.q-btn2').click(function() { 
    if($('.popup-content').hasClass("open")) {
            $('.popup-content').css("display","none");
            $('.popup-content').removeClass("open");
    }else{
            $('.popup-content').css("display","block");
            $('.popup-content').addClass("open");
    }
});
 </script>

 

 

토글이 끄고 켜지고는 정상 작동하는데 버튼을 클릭할때마다

새로고침이 돼서 hide로 보였다 안보였다가 해요

이 질문에 댓글 쓰기 :

답변 1

<a href="">를

<a> 로 해보세요.

답변을 작성하시기 전에 로그인 해주세요.
전체 56
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT