скрывающие элементы в контактной форме - PullRequest
Новая
       24

скрывающие элементы в контактной форме

0 голосов
/ 19 апреля 2011

Относительно скрытых элементов div в контактной форме ...

else в "select2" и "select3" JavaScript написан неправильно, и я надеюсь, что кто-то может указать мне правильное направление.

Используя 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.

Ответы [ 2 ]

0 голосов
/ 19 апреля 2011

Что это должно делать? 

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

Это (и аналогичный код), вероятно, должно быть: 

$("#hide1").slideUp("fast");
$("#hide2").slideUp("fast");
0 голосов
/ 19 апреля 2011

Попробуйте это: 

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

вместо 

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