클래스 전체추가방법??
본문
안녕하세요! 이제 겨우 addClass slideToggle 등 하고있는 초보유저입니다..
검색과 복붙으로 살고있습니다!
저는 일단, 클릭하면 클래스 on이 생기고 다시누르면 사라지게 해놓았습니다.
<li class="clearfix">
<p class="mat-list-subtitle">분야</p>
<ul class="mat-s2-list-selectBox">
<li class="on">전체</li>
<li>본식 스냅</li>
<li>본식서브 스냅</li>
<li>본식 영상</li>
<li>데이트 스냅</li>
<li>데이트 영상</li>
<li>돌 스냅</li>
<li>쇼핑몰</li>
<li>기타</li>
</ul>
</li>
<script>
$(".mat-s2-list-selectBox li").click(function(){
if($(this).hasClass("on")){
$(this).removeClass("on");
} else{
$(this).addClass("on");
}
})
</script>
근데~ 전체선택 하면 모두 선택이 되고,
전체 선택 상태에서 ( 모두 class on이 있는 상태에서)
하나를 체크 해제한다면 ( 하나라도 class on이 사라지면 )
전체에 들어간 on도해제되고~
전체선택을 다시누르면 다 해제되고..
뭐 이런걸 하고싶습니다.. 잘 표현한지 모르겠네요!
조언 부탁드립니다.!
답변 2
클릭이벤트안에 순서를
1. li . removeclass('~')
2. $(this).addclass('~~')
누르면 무조건 li 전부 클래스없앰
그다음 내가누른것만 클래스추가
이런식으로 해보세영
$('.클래스명').hide();
$('.클래스명').show();
를 이용하시는것도 나쁘지 않습니다.
답변을 작성하시기 전에 로그인 해주세요.
