具有重叠类选择器的 JQuery 切换

如何解决具有重叠类选择器的 JQuery 切换

我觉得我对这个项目非常接近，而这个问题的解决方案却让我望而却步。也许我什至没有使用正确的功能？

$( ".eeea,.eeae,.eaee,.eeaa,.eaae,.eaea,.eaaa" ).toggle( "slow",function() {
// Animation complete.
});
});

$( "#casual" ).click(function() {
$( ".eeea,.aeee,.aeea,.aeae,.aeaa" ).toggle( "slow",function() {
// Animation complete.
});
});

$( "#avid" ).click(function() {
$( ".eeea,.aaee,.aaea" ).toggle( "slow",function() {
// Animation complete.
});
});

$( "#advanced" ).click(function() {
$( ".eeae,.aaae" ).toggle( "slow",function() {
// Animation complete.
});
})

基本上，当尝试多选过滤器时，切换最终会重新打开已关闭的项目。因此，第一轮选择很好（“休闲”），但是当您选择“高级”时，它最终会在任何重叠的类上切换。