Доброго времени суток!
Обращаюсь к знатокам своего дела!
Ребят, подскажите малоопытному ))
Не работает скрипт не в одном браузере кроме Mozilla FireFox..
Вроде все просто, суть показывать/скрывать поля при выборе значения select
Вот тело:
<form name="" id="" method="post" action="" onsubmit="return validateForm();">
<div class="" style="padding-bottom:10px; ">
<select >
<option id="" class="3" value="">Вы новый пользователь?</option>
<option id="" class="1" value="">Я новый пользователь</option>
<option id="" class="2" value="">У меня уже есть кабинет</option>
</select>
</div>
<div id="my1" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 1"></input></div>
<div id="my2" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 2"></input></div>
<div id="my3" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 3">
</input></div><div id="my4" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 4"></input></div>
<div id="my5" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 5"></input></div>
<div id="my6" style="display:none; padding-bottom:6px; margin-top:14px;"><input name="submit" id="submit" value="Принять" type="submit"></div>
</form>
Вот скрипт:
$(".1").click(function(){
$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');
$("#my, #my1, #my2, #my3, #my4, #my5, #my6").toggle(1000);
});
$(".2").click(function(){
$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');
$("#my, #my3").toggle(1000);
$('input[name="other"]').attr('value','');
});
$(".3").click(function(){
$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');
});
подключаю JQuery 1.9.1
Вот ссылка на мою форму -
http://jsfiddle.net/2w18do1z/1/
или здесь, кому как удобнее -
http://codepen.io/anon/pen/MaOxMb
Буду благодарен за Ваши советы и помощь!!!
