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');
}

您正在删除“有效”类，因此您的if语句将始终运行else

我已经更改了您的代码，因此现在可以使用：

http://jsfiddle.net/tuwb7/

Answer 3

更改

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

要

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

您的初始选择器正在查找具有一类选项的元素，这些选项包含一个类为option-0的元素。

jquery - 使用默认选项在div之间切换

3 个答案: