Не работает скрипт во всех браузерах кроме Mozilla FireFox

[ellato44]

Доброго времени суток!
Обращаюсь к знатокам своего дела!
Ребят, подскажите малоопытному ))

Не работает скрипт ни в одном браузере кроме Mozilla Firefox..
Вроде все просто, суть - показывать/скрывать поля при выборе значения select в форме

Подскажите в чем дело, что не так и как это исправить?

Вот тело:

<form name="" id="" method="post" action="" onsubmit="">  <div 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

Буду благодарен за Ваши советы и помощь!!!

Edited October 19, 2015 by ellato44

[Николя223]

класс поменяйте не с цифры должен начинаться

[ellato44]

класс поменяйте не с цифры должен начинаться

поменял, все равно не работает.. ((

не работает в Chrome, Яндекс-браузере, в опере и в IE

Работает только в Мозиле..

[Николя223]

у вас там вообще клики на option    ща. пару мин

[ellato44]

у вас там вообще клики на option    ща. пару мин

да, я неуч ))

[Николя223]

Я вообще не понимаю что вы там хотели сделать в первом пункте)) полностью все переделывайте. алгоритм такой http://jsfiddle.net/8k5wzu5r/     http://jsfiddle.net/8k5wzu5r/1/

[Николя223]

Еще лучше как то так  http://jsfiddle.net/8k5wzu5r/4/

[ellato44]

Я вообще не понимаю что вы там хотели сделать в первом пункте)) полностью все переделывайте. алгоритм такой http://jsfiddle.net/8k5wzu5r/     http://jsfiddle.net/8k5wzu5r/1/

Николя, для меня это верх всего ))) я бы к Вам в ученики с удовольствием записался, прям мечта получить хорошие знания по JS ))) Спасибо большое! действительно работает все!

[Николя223]

Забыл добавить - $('input[name=other]').attr('value','');  Так не делайте, хоть и в jQuery  вместе с этим атрибутом меняется и значение, но правильнее  $('input[name=other]').val("")

[ellato44]

Забыл добавить - $('input[name=other]').attr('value','');  Так не делайте, хоть и в jQuery  вместе с этим атрибутом меняется и значение, но правильнее  $('input[name=other]').val("")

Спасибо огромное за помощь! )))

[ellato44]

Забыл добавить - $('input[name=other]').attr('value','');  Так не делайте, хоть и в jQuery  вместе с этим атрибутом меняется и значение, но правильнее  $('input[name=other]').val("")

Николя, скажи пожалуйста, а как можно поступить в этом примере http://jsfiddle.net/f5bfa6sj/3/чтобы добиться результата, как в этом примере http://jsfiddle.net/8k5wzu5r/9/ с появлением скрытых блоков в одном месте, только справа от меню при нажатии на ссылки. Делаю help один для своего проекта, не хочется делать его из нескольких страниц, а хочется по указанному принципу вместить все на одной страничке.. пока мои знания JS никакие вообще, к сожалению, а частенько все упирается именно в эту область.. )) помогите пожалуйста?

буду очень благодарен!

[ellato44]

 

Забыл добавить - $('input[name=other]').attr('value','');  Так не делайте, хоть и в jQuery  вместе с этим атрибутом меняется и значение, но правильнее  $('input[name=other]').val("")

Николя, скажи пожалуйста, а как можно поступить в этом примере http://jsfiddle.net/f5bfa6sj/3/чтобы добиться результата, как в этом примере http://jsfiddle.net/8k5wzu5r/9/ с появлением скрытых блоков в одном месте, только справа от меню при нажатии на ссылки. Делаю help один для своего проекта, не хочется делать его из нескольких страниц, а хочется по указанному принципу вместить все на одной страничке.. пока мои знания JS никакие вообще, к сожалению, а частенько все упирается именно в эту область.. )) помогите пожалуйста?

буду очень благодарен!

 

Вроде нашел ответ здесь на форуме )) как вариант интересно и просто - http://jsfiddle.net/uvCh6/153/

[Николя223]

Все точно также) я люблю вот так  http://jsfiddle.net/geozgdw4/2/