제이쿼리 슬라이드 질문있습니다 !!
본문
$("#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
이렇게 해보세요..
$("#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");
});
$("#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");
});
답변을 작성하시기 전에 로그인 해주세요.
