Переключение элементов с помощью fadeIn / fadeOut - PullRequest
Новая
       7

Переключение элементов с помощью fadeIn / fadeOut

0 голосов
/ 30 марта 2011

Я пытаюсь получить строку кодов ниже, чтобы исчезнуть из формы с классом ".quote" и заменить ее на DIV, который имеет класс ".thanks".когда кнопка нажата.это работает только когда вы нажимаете на область ввода, но не исчезает div.thanks. 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
  $(".quote, .thanks").click(function(){
    $('form:fadeIn(:.thanks)').fadeOut (5000);
  }); 

});

</script>

<style type="text/css">
<!--
.thanks {
    display: hide;
}
-->
</style>
</head>

<body>
<form action="" method="get" id="quote" class="quote">
  <p>
    <label>
      <input type="text" name="name" id="name" />
    </label>
  </p>
  <p>
    <label>
      <input type="submit" name="button" id="button" value="Submit" />
    </label>
  </p>
</form>
<div class="thanks">Thanks for contacting us, we'll get back to you as soon as posible</div><!-- End thanks -->

Я также хотел бы знать, как заставить его получить имя посетителя и вставить его в div.thanks.

Ответы [ 2 ]

1 голос
/ 30 марта 2011

Я думаю, это то, что вы ищете ... 

$(".quote").click(function(){
    $(this).fadeOut(5000, function(){
        $(".thanks").fadeIn();
    });
});
0 голосов
/ 30 марта 2011

Вам нужно использовать CSS, чтобы расположить оба элемента в одном месте.Как правило, это включает в себя использование позиции: абсолютное и установка слева: и справа: стили CSS.После того, как все настроено правильно, вы можете использовать jQuery fadeIn и fadeOut, как вы ожидаете.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...