代码之家 › 专栏 › 技术社区 › user3097331

jQuery面板不会一次切换活动类/折叠一个类

collapse panel jquery javascript

1

user3097331 · 技术社区 · 9 年前

我有两个div-一个面板div控制另一个div上显示的内容。问题是,当面板处于活动状态时,以及面板下的子项处于活动状态,我必须应用“选定”类。现在,它不会在活动时“切换”选定的类。这就是我到目前为止所拥有的。。。

jQuery

$('.options-display .options-list').hide();
$('#option-1').show(); // change to whatever is shown first on page
$('.collapse p').click(function(){
    $(this).toggleClass('.selected');
    var target = '#' + $(this).data('target');
    $('.options-list').not(target).hide();
    $(target).show();
});

JSIDLE

https://jsfiddle.net/peyton_fields98/48d8zut7/

1 回复 | 直到 9 年前

1

Travis J 9 年前

. 对于选择器

//$(this).toggleClass('.selected');
$(this).toggleClass('selected');//should be this
//                   ^no `.`

注意:使用这种方法仍然保留原始的“选定”类。也许您应该在这行代码前面加上:

$('.collapse .selected').removeClass('selected');

this 单击回调中的绑定将是单击的元素,在您的示例中,当选择子项时,它是 <p> selected 在这种情况下,如果您想设置整个部分的样式,类应该位于父div上。很难说,因为您忽略了 挑选出来的