jQuery показать/скрыть требуемую логику

Question

У меня есть 4 меню выбора optgroup, которые отображаются в зависимости от значения параметра первого выбора. То, что я хотел бы сделать, это получить значение и загрузить соответствующую соответствующую группу выбора. Но очевидно, что если группа уже была выбрана, скрыть группу и поместить новую группу выбора на свое место.

Мой JQuery код:

$('#subcategory1, #subcategory2, #subcategory3, #subcategory4').hide(); 

// Hide Orientation Dropdown 

$('#orientation').hide(); 

$('#category').change(function() 
{ 
    $('#orientation').show(); 

    var CatValue = $("#category").val(); 

    if (CatValue == '1') 
    { 
     $("#subcategory1").show(); 
    } 
    if (CatValue == '2') 
    { 
     $("#subcategory2").show(); 
    } 
    if (CatValue == '3') 
    { 
     $("#subcategory3").show(); 
    } 
    if(CatValue == '4') 
    { 
     $("#subcategory4").show(); 
    } 
}); 

Я смотрю на более логичным способом написания это. i.e скрыть предыдущие подкатегории и т. д.

Заранее спасибо.

Answer 1

switch(CatValue) 
    { 
     case "1": $("#subcategory1").show(); 
     break; 
     case "2": $("#subcategory2").show(); 
     break; 
    } 

и т.д. и т.п.

переключатель в основном позволяет использовать массивной, если заявление в несколько строк кода :)

Answer 2

var num; 
if (CatValue == '1') 
{ 
    num = 1;  

} 
if (CatValue == '2') 
{ 
    num = 2;  
} 
if (CatValue == '3') 
{ 
    num = 3;  
} 
if(CatValue == '4') 
{ 
    num = 4;    
} 
$("#subcategory"+num).show(); 

Answer 3

$('#subcategory1, #subcategory2, #subcategory3, #subcategory4').hide().filter('#subcategory'+CatValue).show(); 

Answer 4

var i=1; 
while($("#subcategory"+i).length > 0) { // hide others 
    $("#subcategory"+i).hide(); 
    i++; 
} 
$("#subcategory"+$("#category").val()).show(); // show current