Показать сообщение отдельно
  #1 (permalink)  
Старый 30.10.2016, 14:51
Новичок на форуме
Отправить личное сообщение для ChikiBOBONI Посмотреть профиль Найти все сообщения от ChikiBOBONI
 
Регистрация: 30.10.2016
Сообщений: 1

всплывающий блок при клике на input
ребята такая проблема, есть два input и один textarea нужно что бы при клике на поле текст уезжал вверх этих полей, вот мой код

<form action="handler.php" method="post" id="reply">
<div id="content1" style="display: none;">Ваше имя</div>
<div class="Content-Top2-1"><input id="link1" type="text" name="name" class="text" id="name" value="Ваше имя" onfocus="if (this.value=='Ваше имя') this.value='';" onblur="if (this.value==''){this.value='Ваше имя'}"/></div>
<div id="content2" style="display: none;">Способ связи</div>
<div class="Content-Top2-4"><input id="link2" type="text" name="email" class="text" id="name" value="Способ связи" onfocus="if (this.value=='Способ связи') this.value='';" onblur="if (this.value==''){this.value='Способ связи'}"/></div>
<div id="content3" style="display: none;">Задача</div>
<div class="Content-Top2-2"><textarea id="link3" name="text" id="comment" placeholder="Задача" cols="28" rows="15" ></textarea></div>
<div class="Content-Top2-3"><input type="submit" class="button" value="Отправляем"><img src="images/Strelka.jpg"></div>
</form>


<script>
$(document).ready(function () {
$('textarea#link3').click(function (e) {
$(this).toggleClass('active');
$('#content3').toggle();

e.stopPropagation();
});
$('body,input').click(function () {
var link = $('textarea#link3');
if (link.hasClass('active')) {
link.click();
}
});
});
</script>

<script>
$(document).ready(function () {
$('input#link1').click(function (e) {
$(this).toggleClass('active');
$('#content1').toggle();

e.stopPropagation();
});
$('body,.Content-Top2-2').click(function () {
var link = $('input#link1');
if (link.hasClass('active')) {
link.click();
}
});
});
</script>

<script>
$(document).ready(function () {
$('input#link2').click(function (e) {
$(this).toggleClass('active');
$('#content2').toggle();

e.stopPropagation();
});
$('body,#link1,textarea').click(function () {
var link = $('input#link2');
if (link.hasClass('active')) {
link.click();
}
});
});
</script>

при клике в body все нормально сварачивается назад но при клике на другое поле инпут или текстера оно не хочет сварачиваться, помогите пожалуйста чайнику
Ответить с цитированием