답변 3개 / 댓글 3개
채택된 답변
+20 포인트
버튼도 마찬가지로
$('.btn_worksToggle i').eq(index).toggleClass('fa-chevron-circle-down fa-minus-circle');
기존 소스에서 .eq(index) 부분만 추가해주시면 됩니다.
$(".btn_worksToggle").click(function(){
var index = $(".btn_worksToggle").index($(this));
$('.worksToggle').eq(index).slideToggle('slow');
});
로 클래스명만 쓰시는걸로 변경해봤습니다.
제가 임의로 해봤을때는 정상적인데 원하시는게 맞나 모르겠습니다.
Copy
<style>.slideBox { display:none; }.defaultOpen { display:block }</style><div class="worksToggle">첫번째 <div class="slideBox defaultOpen"> 내용1 </div></div><div class="worksToggle">두번째 <div class="slideBox"> 내용2 </div></div><script>//slideBox$(document).ready(function(){ $(".worksToggle").click(function(){ var index = $(this).index(); $('.slideBox').eq(index).slideToggle('slow'); });});</script>
더 좋은 방법이 있을것도 같은데 제가 생각해낸 방법은 이 방법인데 원하시는게 맞나 모르겠네요
답변을 작성하려면 로그인이 필요합니다.
와... 정말 ㅠ ㅠ 감사합니다 ...
올해는 자바스크립트 공부를 목표로 해야겠네요 매번 묻기 죄송해서 원 ㅠ ㅠ