테스트 사이트 - 개발 중인 베타 버전입니다

박스가 안사라지는데 소스좀 도와주실분 있으실까요 ㅠㅠ 채택완료

리뷰가좋은이유 1년 전 조회 1,565

광고문의에 조그마한 문구창 하나를 만들었습니다. x 클릭을 누르면 상자가 없어지게 하고 싶은데 소스 뭐가 문제일까요?

사이트링크 : https://www.리뷰단.com

래퍼런스 : https://www.revu.net/

 

          <a href="<a href="http://pf.kakao.com/_jexdXG/chat"" target="_blank" rel="noopener noreferrer">http://pf.kakao.com/_jexdXG/chat"</a> target="_blank"><img src="skin/adblog/img/goju.png" />광고문의</a>

          <p class="ad_ask_banner" style="position: absolute;

          width: 171px;height: 60px;background: #FF4800;border: 1px solid #FF4800;text-align: left;box-shadow: 0 4px 4px rgba(0,0,0,.25);border-radius: 5px;padding: 10px 10px 10px 15px;z-index: 99;top: -56px; line-height: 20px;color: #fff;">

            <button class="ad_close" style="position: absolute;

            width: 19px;

            height: 19px;

            top: 7px;

            right: 16px;

            line-height: unset;

            opacity: 1!important;"><img src="/skin/adblog/img/ad_close_btn.png" style="position: relative;height: 9px;width: 9px;right: 0;top: 0;"></button>

            <span style="font-size: 14px;"><strong>광고주이신가요?</strong>
이곳을 이용해 주세요!</span>

        </p>

        </div>

      </div></p>

<p>

 

 

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

답변 1개

채택된 답변
+20 포인트

광고주이신가요?
이곳을 이용해 주세요! 라는 거 박스 누르면 사라지는거죠?

근데 밑에 클릭 이벤트 처리 한거 있는데요 제이쿼리는 필수이고

 

$('.ad_ask_banner').toggle(); 혹은 $('.ad_ask_banner').hide();

으로 이부분만 응용해서 바꿔주면되요

 

 

</p>

<p>$(function() {</p>

<p>$('.<code>ad_close</code>').click(function() {</p>

<p>$('.<code>ad_ask_banner</code>').toggle(); 혹은 $('.<code>ad_ask_banner</code>').hide();</p>

<p>});</p>

<p>});</p>

<p>

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

답변에 대한 댓글 2개

리뷰가좋은이유
1년 전
어디에 넣으면 되는건가요?
리오닥터
1년 전
그 빨란 박스 바로 밑에다가
<script>
$(function() {
$('.ad_close').click(function() {
$('.ad_ask_banner').toggle();
});
});
</script>

이렇게 해서 넣어보세요

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

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

로그인