隐藏联系表单中的元素

Question

关于联系表单中的隐藏 div...

“select2”和“select3”JavaScript 中的 else 未正确编写，我希望有人能指出正确的方向。

使用 jQuery，我有这样的事情：

<script type="text/javascript">
$(document).ready(function(){
$("#select1").change(function(){
    if ($(this).val() == "retouching" ) {
        $("#hide1").slideDown("fast");
    } else {
        $("#hide1").slideUp("fast");  
    } 
});

$("#select2").change(function(){
    if ($(this).val() == "fashion" || $(this).val() == "beauty" || $(this).val() == "product" || $(this).val() == "architectural") {
        $("#hide2").slideDown("fast");
    } else {
        $("#hide1").slideUp("fast") || $("#hide2").slideUp("fast"); 
    }
});
$("#select1").change(function() {
    if ($(this).val() == "photography" ) {
        $("#hide3").slideDown("fast");
    } else {
        $("#hide3").slideUp("fast");
    } 
});

$("#select3").change(function(){
    if ($(this).val() == "fashion" || $(this).val() == "beauty" || $(this).val() == "product") {

        $("#hide4").slideDown("fast");
    } else {
        $("#hide4").slideUp("fast") || $("#hide3").slideUp("fast");
    }
});
$("#select1").change(function(){
    if ($(this).val() == "studio" ) {
        $("#hide5").slideDown("fast");
    } else {
        $("#hide5").slideUp("fast");
    }    
});
});
</script>

由于 select2 和 select3 中有两个“隐藏”，如果用户决定从 select1 中选择其他内容，我将无法隐藏它们。

Answer 1

试试这个：

$("#hide4").slideUp("fast");
$("#hide3").slideUp("fast");  

而不是

$("#hide4").slideUp("fast") || $("#hide3").slideUp("fast");  

Answer 2

这是要做什么？

$("#hide1").slideUp("fast") || $("#hide2").slideUp("fast"); 

它（和类似的代码）可能应该是：

$("#hide1").slideUp("fast");
$("#hide2").slideUp("fast");