어떻게 클릭에 대한 조치를 켜고 끌

Question

=== 질문 NR.1 ===

사람이 자바 스크립트 켜고 끌 바을 만드는 방법을 알고 있나요? 나는 toogleClass에 대해 알고 있지만 어떻게이 경우에 사용할 수 있습니까?

$('.gallery').click(function(e){ 
      var itemNumber = ('#myCarousel2 .item').length; 

      console.log('broj slika je' + ' ' + itemNumber); 
      if (itemNumber >= 4){ 
       $('#myCarousel2 .carousel-inner .item').addClass('active'); 
       console.log('added Active class!'); 
       $('#myCarousel2').addClass('thumbnail-gallery'); 
       $('.modal').css('pointer-events', 'none'); 
      }; 
     }); 

나는 클릭 .gallery 초의 조치를 되돌리려 노력하고 있어요. 사용자가 .gallery 요소를 클릭하면 클래스 .gallery의 두 번째 클릭에서 제거 할 this.active 클래스가 추가됩니다.

갱신 :

내가 트위터 부트 스트랩 여기에 대해 이야기하고있다. 그렇게하면 항목에 추가되는 모든 활성 (현재 이미지 포함) 클래스가 제거됩니다. 내가 최근 추가 한 클래스 만 제거하고 싶습니다.

미리 감사드립니다.

var itemNumber = ('#myCarousel2 .item').length; 
     $(".gallery").toggle(
     function() { 
      if (itemNumber >= 4){ 
       $('#myCarousel2 .carousel-inner .item:not(.active)').addClass("active"); 
       console.log('added Active class!'); 
       $('#myCarousel2').addClass('thumbnail-gallery'); 
       $('.modal').css('pointer-events', 'none'); 
      }; 
     }, 
     function() { 
      $('#myCarousel2 .carousel-inner .item').removeClass('active'); 
      console.log('added Active class!'); 
      $('#myCarousel2').removeClass('thumbnail-gallery'); 
      $('.modal').css('pointer-events', 'auto'); 
     }); 

=== 질문 NR.2의 ===

: -

업데이트 nr.2 첫 번째 문제 여기

에 대한 솔루션 toogleing에 대한 솔루션을 클릭 기능입니다 아직도 나는 내가 추가 한 모든 클래스를 제거하려고 할 때 나타나는 두 번째 문제에 대한 해답을 찾고있다. 아무도이 솔루션을 가지고 있습니까 ??

Answer 1

당신이해야 할 일은 활성 클래스가 존재하는지 확인하는 것입니다.

if($('#myCarousel2 .carousel-inner .item')hasClass('active')){ 
    $('#myCarousel2 .carousel-inner .item')removeClass('active'); 
} 

Answer 2

는이 같은 뭔가를해야 클래스 켜고 끌 :

$('#myCarousel2 .carousel-inner .item:not(.active)').addClass("active");