토글메뉴? javascript 채택완료
nanati
8년 전
조회 3,764
</p><p><span style="font-family: 나눔고딕, NanumGothic;">//slideBox</span></p><p><span class="Apple-tab-span" style="white-space: pre; font-family: 나눔고딕, NanumGothic;"> </span><span style="font-family: 나눔고딕, NanumGothic;">$('.worksToggle').css('display','none');</span></p><p><span class="Apple-tab-span" style="white-space: pre; font-family: 나눔고딕, NanumGothic;"> </span><span style="font-family: 나눔고딕, NanumGothic;">$('.defaultOpen').css('display','block');</span></p><p><span class="Apple-tab-span" style="white-space: pre; font-family: 나눔고딕, NanumGothic;"> </span><span style="font-family: 나눔고딕, NanumGothic;">$('.btn_worksToggle').click(function(){</span></p><p><span class="Apple-tab-span" style="white-space: pre; font-family: 나눔고딕, NanumGothic;"> </span><span style="font-family: 나눔고딕, NanumGothic;">$(this).next('.worksToggle').slideToggle('slow');</span></p><p><span class="Apple-tab-span" style="white-space: pre; font-family: 나눔고딕, NanumGothic;"> </span><span style="font-family: 나눔고딕, NanumGothic;">$(this).children('i').toggleClass('fa-chevron-circle-down fa-minus-circle');</span></p><p><span class="Apple-tab-span" style="white-space: pre; font-family: 나눔고딕, NanumGothic;"> </span><span style="font-family: 나눔고딕, NanumGothic;">});</span></p><p>
위와 같은 스크립트를 이용해서
btn_worksToggle라는 버튼을 누르면
worksToggle라는 div로 감싼 내용들이 보이도록 설정했는데요...
이게... 각각 다른 div로 감싸고 있어서 적용이 안되는데
혹시 가능한 방법이 있을까요?
작성한 html내용이
</p><p><span style="font-family: 나눔고딕, NanumGothic;"><div class="pagearea"></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <div class="area01"> <img class="imgarea" src="img.jpg" alt="img"></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <div class="infoarea"></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <h4>제목</h4></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <p class="pagetxt">더미텍스트</p></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <p class="</span><span style="font-family: 나눔고딕, NanumGothic; font-size: 14.6667px;">btn_worksToggle</span><span style="font-family: 나눔고딕, NanumGothic;">"><i class="fa fa-chevron-circle-right"></i>View</p></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> </div></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> </div></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <div class="</span><span style="font-family: 나눔고딕, NanumGothic; font-size: 14.6667px;">worksToggle</span><span style="font-family: 나눔고딕, NanumGothic;"> defaultOpen"></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <table></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <tr></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <th>제목</th></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <td>내용</td></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> </tr></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> </table></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <div class="works_news"></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <h5>최신뉴스</h5></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <ul></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <li></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <time>2017.00.00</time></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <a href="#"></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <p>뉴스제목</p></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> </a> </li></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <li></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <time>2017.00.00</time></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <a href="#"></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <p>뉴스제목。</p></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> </a> </li></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <li></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <time>2017.00.00</time></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <a href="#"></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> <p>뉴스제목</p></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> </a> </li></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> </ul></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> </div></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"> </div></span></p><p><span style="font-family: 나눔고딕, NanumGothic;"></div></span></p><div>이런 내용이거든요...
혹시 저렇게 같은 곳에 없어도 적용이 가능한가요?
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
8년 전
</p><p>//slideBox</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('.worksToggle').css('display','none');</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('.defaultOpen').css('display','block');</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('.btn_worksToggle').click(function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('.worksToggle').slideToggle('slow');</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).children('i').toggleClass('fa-chevron-circle-down fa-minus-circle');</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p>
$(this).next 로는 찾을 수 없습니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
n
nanati
8년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
어떻게 실행은 될 것 같은데 어디가 문제인지를 몰라서 고생하고 있었네요 ㅠ ㅠ
감사합니다!!