jquery滑动和向下

Question

我想知道是否有办法更好地压缩此代码，以便我不必编码每个可能的方案。任何帮助表示赞赏。

$('select.contactselect').change(function(){ 
    var selectVal = $(this).val(); 
    if(selectVal == 'press'){ 
    $('.support').slideUp('fast'); 
    $('.general').slideUp('fast'); 
     $('.press').delay(100).slideDown('fast', function() { 
         // Animation complete. 
     }); 
    }else if (selectVal == 'general'){ 
    $('.press').slideUp('fast'); 
    $('.support').slideUp('fast'); 
  $('.general').delay(100).slideDown('fast', function() { 
     // Animation complete. 
   }); 
    }else if (selectVal == 'support'){ 
    $('.press').slideUp('fast'); 
    $('.general').slideUp('fast'); 
  $('.support').delay(100).slideDown('fast', function() { 
     // Animation complete. 
   }); 
    } 
    }); 

Answer 1

将类'all_lists'添加到所有这三个元素与类（按，一般和支持），然后使用以下。

$('select.contactselect').change(function(){ 
    var selectVal = $(this).val(); 

    $('.all_lists').slideUp('fast'); 
    $('.' + selectVal).delay(100).slideDown('fast', function() { 
// Animation complete. 
}); 

});