jquery - переключаться между div с опцией по умолчанию

Question

Я пытаюсь переключаться между div.Это работает, пока я не хочу снять отметку с выбранного элемента, который должен показывать элемент по умолчанию (опция-0).

Вот мой код: http://jsfiddle.net/klawisz/fZemQ/6/

Answer 1

проверить это довольно просто

$('.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/

Answer 2

В этих строках:

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

Вы удаляете класс 'active', поэтому ваш оператор if всегда будет запускать else

Я изменил ваш код, чтобы онсейчас работает:

http://jsfiddle.net/tuwb7/

Answer 3

Изменить

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

На

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

Ваш начальный селектор ищет элементы с классом опций, которые содержат элемент с классом опции-0.