jquery - 在默認選項之間切換divs

Question

我想切換divs。 它的工作原理，直到我想取消選中元素，它應該顯示默認元素（選項-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'); 
} 

您要移除類「主動」讓你的if語句將永遠運行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/