제이쿼리 슬라이드 질문있습니다 !! 채택완료
Copy
$("#deps2_1").click(function(){
//$(this).addClass('on');
//removeClass('on');
$(this).css('background-color','#34ad31');
$(".deps2_1").slideDown("fast");
$(".deps2_2").slideUp("fast");
$(".deps2_3").slideUp("fast");
$(".deps2_4").slideUp("fast");
$(".deps2_5").slideUp("fast");
});
$("#deps2_2").click(function(){
$(this).css('background-color','#34ad31');
$(".deps2_2").slideDown("fast");
$(".deps2_1").slideUp("fast");
$(".deps2_3").slideUp("fast");
$(".deps2_4").slideUp("fast");
$(".deps2_5").slideUp("fast");
});
이런식으로 쓰니까 deps2_1에 있는거 누르면 deps2_2에 색깔이 잘뜨는데
기존 deps2_1에 뜨던 색깔을 없애고 싶습니다.
그러니까 새로운걸 누르면 기존의 색깔을 사라지게 하고싶습니다.
도움주시면 감사하겠습니다!!
답변 2개
채택된 답변
+20 포인트
eyekiss
7년 전
이렇게 해보세요..
Copy
$("#deps2_1").click(function(){
//$(this).addClass('on');
//removeClass('on');
$("#deps2_2").css('background-color','#ffffff');
$(this).css('background-color','#34ad31');
$(".deps2_1").slideDown("fast");
$(".deps2_2").slideUp("fast");
$(".deps2_3").slideUp("fast");
$(".deps2_4").slideUp("fast");
$(".deps2_5").slideUp("fast");
});
$("#deps2_2").click(function(){
$("#deps2_1").css('background-color','#ffffff');
$(this).css('background-color','#34ad31');
$(".deps2_2").slideDown("fast");
$(".deps2_1").slideUp("fast");
$(".deps2_3").slideUp("fast");
$(".deps2_4").slideUp("fast");
$(".deps2_5").slideUp("fast");
});
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
7년 전
Copy
$("#deps2_2").click(function(){
//한줄 추가요. transparent 가 기본값
$("#deps2_1").css('background-color','transparent');
$(this).css('background-color','#34ad31');
$(".deps2_2").slideDown("fast");
$(".deps2_1").slideUp("fast");
$(".deps2_3").slideUp("fast");
$(".deps2_4").slideUp("fast");
$(".deps2_5").slideUp("fast");
});
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인