jquery 질문 채택완료
http://airtrek.discoz.co.kr/airtrek/faq.php">http://airtrek.discoz.co.kr/airtrek/faq.php
여기 사이트에서
FAQ 눌렀을때
</strong></p>
<p> $( ".td" ).click(function() {
$( ".td" ).removeClass( "active" );
if($( this ).hasClass( "active" )){
$( ".td" ).removeClass( "active" );
}else{
$( this ).addClass( "active" );
};
});</p>
<p> <strong>
이렇게 해서 클릭하면 클레스 추가/삭제가 되는데 기존에 클래스 추가 되있는걸 한번 더 클릭시 클래스 삭제하려면 어떻게 해야 하나요?
답변 3개
아래처럼 적용해보세요.
</p>
<p> $( ".td" ).click(function() {
if($(this).hasClass( "active" )){
$(this).removeClass( "active" );
} else {
if ($(".td" ).hasClass( "active" )){
$( ".td" ).removeClass( "active" );
}
$(this).addClass( "active" );
}
});답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
1. .td 를 클릭할때 해당 클래스명(active)이 있는지 검사한다.
2. 있으면 active 클래스를 remove 시킨다
2-1 없으면 active 클래스를 add 시킨다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인