Показать сообщение отдельно
  #4 (permalink)  
Старый 04.07.2017, 14:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,138

Сообщение от vov555vov
Проблема не исчезла.
если тут проблем нет, смотрите что у вас не так, как здесь.
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .form-zayavka {
    background-color: #6FA68C;
    border:3px solid #A61D82;
    display:none;
  }
  .pokaz-skryt-form {
    cursor: pointer;
    background-color: #5DA64E;
  }
  .pokaz-skryt-form:hover {
    color:#A61719;
  }
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

  <script>
$(function() {
   $('.pokaz-skryt-form').click(function(){
      $('.form-zayavka').stop().fadeToggle();
    });
});
  </script>
</head>

<body>
<div class="pokaz-skryt-form">
  <p>Показать/скрыть форму заявки</p>
</div>

<div class="form-zayavka" >
  <form action="#" method="POST" name="zayavka" class="zayavka">
    Введите ваше имя:
    <p>
      <input type="text" name="name" class="name-form">
    </p>
    <p>
      Ваш телефон:
    </p>
    <p>
      <input type="text" name="phone" class="phone-form">
    </p>
    <p>
      <input type="submit" name="submit-otpravit" value="Отправить" class="submit-otpravka">
    </p>
  </form>
</div>
</body>
</html>
Ответить с цитированием