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

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

QA

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

답변 1

본문

<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> 로 해보세요.

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