jquery - 기본 옵션이있는 div 사이를 전환

Question

div 사이를 전환하려고합니다. 기본 요소 (옵션 -0)가 표시되어야하는 선택한 요소의 선택을 취소 할 때까지 작동합니다. 여기

내 코드입니다 : http://jsfiddle.net/klawisz/fZemQ/6/

Answer 1

변경

$('.options.option-0').show(); 

$('div').hasClass("option-0").show(); 

귀하의 초기 선택은 인 요소를 포함하는 옵션의 클래스 요소를 찾고

으로 옵션 -0의 클래스. 이 라인에서

Answer 2

:

if($('.checkbox').hasClass('active')) { 
    $('.checkbox').removeClass('active'); 
} 

당신은 지금 작동 그래서 난 당신의 코드를 변경했습니다 그래서 당신의 문은 항상 else

를 실행하면 '활성'클래스를 제거하고 있습니다 :

를

http://jsfiddle.net/tuwb7/

Answer 3

확인이 밖으로 아주 간단

$('.checkbox').click(function(){ 
     var self = $(this); 
     $('.options').hide(); 
     if(self.hasClass('active')) { 
      self.removeClass('active'); 
      $('.options.option-0').show(); 
     }else{ 
      $('.checkbox').removeClass('active'); 
      self.addClass('active'); 
      $('.options.'+ self.attr('id')).show(); 
     } 
}); 

피들 업데이트 : http://jsfiddle.net/fZemQ/10/