有条件的选择显示/隐藏项目

Question

我有这个条件选择一般工作正常，但我想做一些小的调整。看我的fiddle here。

如果您选择一个品牌，比如Apple，则可以选择两个型号。如果你选择一个模型，它工作正常。但是（a）如果再次单击“选择模型”（仍然在第一个框中选择“Apple”），我想要像以前一样显示所有Apple项目。 （b）如果您选择另一个Apple模型，则什么都不会发生。

我想解决方案是在if ($currentSelection != "showall") {} -statement，但我不能让它工作。

任何人都可以指向正确的方向吗？

谢谢。

Answer 1

我已更新您的jsfiddle。

你缺少了一些条件：

if ($currentSelection != "showall") { 
    $options.each(function(){ 
    if($(this).is("#"+$currentSelection)) //Show match 
     $(this).parent().parent().fadeIn(); 
    }); 
    $options.not("#" + $currentSelection).parent().parent().fadeOut(); //Hide don't match 
} else if($currentSelection == "showall"){ //If 'Select model' 
    $options.parent().parent().fadeIn(); 
} else { 
    $options.children().filter("." + $selectprod.val()).fadeIn(); 
} 

如果选择了一个模型，您需要先显示所有的选项，使隐藏的选项将显示。