제이쿼리 닫기버튼 추가? 채택완료
vnwm
6년 전
조회 2,389
안녕하세요 질문좀드리겠습니다.
아래 제이쿼리를 이용중인데요
따로 닫기 버튼이 없더라구요 ㅠㅠ
추가 하고싶은데 어떻게 해야하나요
</p>
<div class="line number1 index0 alt2" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"><HTML></code></div>
<div class="line number2 index1 alt1" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"><HEAD></code></div>
<div class="line number3 index2 alt2" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"><!-- jQuery를 사용하려면 아래 코드 한 줄을 반드시 추가해야한다. --></code></div>
<div class="line number4 index3 alt1 highlighted" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"><script src=</code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">"<a href="<a href="http://code.jquery.com/jquery-1.12.0.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.12.0.min.js</a>" style="color: rgb(92, 209, 229); text-decoration: none; transition: all 0.5s ease 0s;"><a href="http://code.jquery.com/jquery-1.12.0.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.12.0.min.js</a></a>"</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">></script></code></div>
<div class="line number5 index4 alt2" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"><script></code></div>
<div class="line number6 index5 alt1" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">$(document).ready(</code><code class="php keyword" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">function</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">(){</code></div>
<div class="line number7 index6 alt2" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php spaces" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"> </code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">$(</code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">"#spreadBtn"</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">).click(</code><code class="php keyword" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">function</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">(){</code></div>
<div class="line number8 index7 alt1" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php spaces" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"> </code><code class="php keyword" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">if</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">($(</code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">"#hiddenContent"</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">).is(</code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">":visible"</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">)){</code></div>
<div class="line number9 index8 alt2" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php spaces" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"> </code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">$(</code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">"#hiddenContent"</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">).css(</code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">"display"</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">,<span> </span></code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">"none"</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">);</code></div>
<div class="line number10 index9 alt1" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php spaces" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"> </code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">}</code><code class="php keyword" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">else</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">{</code></div>
<div class="line number11 index10 alt2" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php spaces" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"> </code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">$(</code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">"#hiddenContent"</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">).css(</code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">"display"</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">,<span> </span></code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">"block"</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">);</code></div>
<div class="line number12 index11 alt1" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php spaces" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"> </code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">}</code></div>
<div class="line number13 index12 alt2" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php spaces" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"> </code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">});</code></div>
<div class="line number14 index13 alt1" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">});</code></div>
<div class="line number15 index14 alt2" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"></script></code></div>
<div class="line number16 index15 alt1" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"></HEAD></code></div>
<div class="line number17 index16 alt2" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"> </div>
<div class="line number18 index17 alt1" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"><BODY></code></div>
<div class="line number19 index18 alt2" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"><button id=</code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">"spreadBtn"</code><span> </span><code class="php keyword" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">class</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">=</code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">"btn01"</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">>펼치기</button></code></div>
<div class="line number20 index19 alt1" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"><div id=</code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">"hiddenContent"</code><span> </span><code class="php keyword" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">class</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">=</code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">"example01"</code><span> </span><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">style=</code><code class="php string" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">"display: none;"</code><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;">>내용</div></code></div>
<div class="line number21 index20 alt2" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"></BODY></code></div>
<div class="line number22 index21 alt1" style="margin: 0px; padding: 0px; outline: none; color: rgb(238, 238, 238); font-family: "Nanum Gothic Coding", monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(14, 14, 14); text-decoration-style: initial; text-decoration-color: initial;"><code class="php plain" style="margin: 0px; padding: 0px; outline: none; font-style: normal; font-weight: normal;"></HTML></code></div>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
6년 전
같은 아이디를 갖는게 두개이니 작동을 안하는 겁니다.
아래 두가지 방식 있으니 해보세요.
버튼 아이디 잘 보시고요.
" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.12.0.min.js">
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
v
vnwm
6년 전
와 너무감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인