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

토글 버튼 방법좀... 채택완료

시린♡ 10년 전 조회 1,999

</span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;"><html lang="en"></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;"><head></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;">  <meta charset="utf-8"></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;">  <title>toggle demo</title></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;">  <style></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;">  p {</span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;">    background: #dad;</span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;">    font-weight: bold;</span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;">    font-size: 16px;</span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;">  }</span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;">  </style></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;">  <script src="<a href="<a href="https://code.jquery.com/jquery-1.10.2.js" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-1.10.2.js</a>"><a href="https://code.jquery.com/jquery-1.10.2.js" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-1.10.2.js</a></a>"></script></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;"></head></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;"><body></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;"> </span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;"><button>Toggle 'em</button></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;"><p>Hiya</p></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;"><p>Such interesting text, eh?</p></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;"> </span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;"><script></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;">$( "button" ).click(function() {</span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;">  $( "p" ).toggle( "slow" );</span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;">});</span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;"></script></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;"> </span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;"></body></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;"></html></span></p><p><span style="font-family: 나눔고딕, NanumGothic; font-size: 9pt;">

 

어느 사이트에서 얻었는데 사용법도 간단해서 프로필 숨기려고 적용했더니

기본 펼침 모드더라구요...클릭해야지 그제서야 숨겨지고 전 이걸 반대로

기본 닫힌 상태에서 클릭하면 보여지게 하고싶은데 어떻해 변경을해야할까요?

 

얼마전 여기 질답게시판에서 본 답변에 http://api.jquery.com/toggle/">http://api.jquery.com/toggle/ 링크 클릭해서보니깐

위소스가 있더라구요...그래서 적용한거였는데..

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

답변 1개

토글의 기본개념은 display 의 변동입니다. none 이냐 block 이냐의 차이죠.

 

none 에서 나올때는 block으로 block에서 none 으로....

 

가리고자 하시는 것을 none 으로 해두시면 처음에 가려지고 클릭하면 보여질겁니다.

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

답변에 대한 댓글 1개

시린♡
10년 전
결국 다른소스 찾아서 해결했네요...어렵네요...찾는게..

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

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

로그인