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

자바스크립트 도움좀 부탁드립니다. 채택완료

웅라탄 9년 전 조회 2,950

 function showCommentTop(contentId, bo_table) {

     var get_Url = "/bbs/board.php?bo_table=" + bo_table + "&wr_id=" + contentId + "&wmode=1&comment_view=1";   var frm = "";   frm += "

";

  $("#comment_top").html(frm);   $("#comment_top").show();       alert('로그인 후에 이용하실 수 있습니다.');     }

 function commentTopClose(row) {   $("#comment_top").html("");   $("#comment_top").hide();  } 

 

현재 사용중인 자바스크립트 인데 저 부분으로 본 버튼을 클릭하면 내용이 펼쳐지고 닫기 버튼을 누르면 내용이 닫히는 방식으로 구현중인데, 펼쳐진 상태에서 닫기버튼 말고 본버튼을 재클릭 해도 닫기가 적용되게

바꾸려면 어떻게 해야할까요..? 

 

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

답변 1개

채택된 답변
+20 포인트
포이치
9년 전

테스트는 안해봤습니다.

어짜피 jquery 사용하시는거 function 말고 셀렉터로 했으면

attr 속성이용해서 훨씬 편하고 짧게 소스 나올듯한데요...

 

주석부분 참고하세요.

 

</p><p> <script type="text/javascript"></p><p>  <!--</p><p>  //현재 펼쳐짐상태 false</p><p> var open_window = false;</p><p> </p><p>function showCommentTop(contentId, bo_table) {</p><p>  <!--{? _is_member }--></p><p>if(open_window==false) {<span class="Apple-tab-span" style="white-space:pre">	</span>//펼쳐지지 않았다면 통과</p><p>  var get_Url = "/bbs/board.php?bo_table=" + bo_table + "&wr_id=" + contentId + "&wmode=1&comment_view=1";</p><p>  var frm = "<iframe width='100%' height='100%' src='" + get_Url + "' frameborder='0' scrolling='no' id='comment_viewer' onload='autoResize(this)'></iframe>";</p><p>  frm += "<div align='right'><a class='eb-button eb-button-light' href='javascript:commentTopClose();'>닫기</a></div>";</p><p>  $("#comment_top").html(frm);</p><p>  $("#comment_top").show();</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>open_window = true; <span class="Apple-tab-span" style="white-space:pre">	</span>//펼쳐졌으니 변수에 기록</p><p>  <!--{:}--></p><p>   alert('로그인 후에 이용하실 수 있습니다.');</p><p>  <!--{/}--></p><p>  }else{ //이미 펼쳐져있으므로, 닫기 펑션호출.</p><p>commentTopClose();</p><p>}</p><p> }</p><p> </p><p> function commentTopClose(row) {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>open_window = false; //닫혔으니 변수에 기록</p><p>  $("#comment_top").html("");</p><p>  $("#comment_top").hide();</p><p> } </p><p>  //--></p><p>  </script></p><p>

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

답변에 대한 댓글 1개

웅라탄
9년 전
css랑 html만 좀 만지는 디자이너라 자바스크립트는 무뇌한이네요ㅠ.ㅠ 감사합니다. 잘 됩니다!

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

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

로그인