Скрыть функцию скрытой контактной формы

Отправка контактной формы, без проблем. Код javascript; функция успеха в hide() не работает. Я хочу скрыть html div id="contactform"

В чем проблема? Контактная форма html в div скрывает, почему не работает?

HTML-КОД

 <!--sending after div hide not working?-->  
 <div id="contactform"> 
                          <form id="contact" action="">
                            <fieldset>
                                <label for="name" id="name_label">NAME</label>
                                <input type="text" name="name" id="name" size="50" value="" class="text-input" >
                                <span class="error" id="name_error">PLEASE NAME</span>
                                <label for="email" id="email_label">EMAIL</label>
                                <input type="text" name="email" id="email" size="50" value="" class="text-input" >
                                <span class="error" id="email_error">PLEASE EMAIL</span>
                                <span class="error" id="email_error2">EMAIL ERROR</span>
                                <label for="phone" id="phone_label">TELEPHONE</label>
                                <input type="text" name="phone" id="phone"  value="" class="text-input" >
                                <label for="msg" id="msg_label">MESSAGE TEXT</label>
                                <textarea cols="60" rows="5" name="msg" id="msg" class="text-input"></textarea>
                                <span class="error" id="msg_error">PLEASE MESSAGE</span><br >
                                <input type="submit" name="submit" class="button" id="submit_btn" value="Gonder" >
                            </fieldset>
                          </form>
                          <div id="message"></div>
                        </div>                      

КОД JavaScript

          jQuery.ajax({
          type: "POST",
          url: "aspmail.asp",
          data: dataString,
          success: function() {
          jQuery('#contactform').html("<div id='message'></div>");
            jQuery('#message').html("<strong>Message send</strong>")
      .append("<p>thank you</p>")
      .hide() // not working hide?
               .fadeIn(1500, function() {
              jQuery('');
            });
          }
         });
        return false;
        });
    });

person user3162306    schedule 05.01.2014    source источник
comment
Что происходит на самом деле? Я ожидаю, что с этим JS-кодом произойдет то, что все ваши метки и поля ввода исчезнут, а затем появится текстовое сообщение с благодарностью. (И на самом деле именно это происходит, когда я вставьте тело вашего обработчика успеха в тест следующим образом: jsfiddle.net/64Bj8) Обратите внимание, что причина метки и входные данные исчезают не из-за .hide(), это потому, что вы перезаписываете содержимое div #contactform на jQuery('#contactform').html("<div id='message'></div>");.   -  person nnnnnn    schedule 05.01.2014
comment
Отправить форму после, div id=contactform скрыть не работает?   -  person user3162306    schedule 05.01.2014
comment
Вы получаете какие-либо ошибки в консоли вашего браузера? И вы уверены, что обработчик успеха вообще вызывается? Попробуйте добавить alert("In success"); в качестве первой строки функции успеха и посмотрите, что произойдет.   -  person nnnnnn    schedule 05.01.2014
comment
Эшли, локальные рабочие коды, но хостинг в контактной форме скрыть div не работает.   -  person user3162306    schedule 05.01.2014
comment
Только что проверил, работает как положено. Вы проверили консоль на наличие ошибок? Просто скрытие не работает (обновляется div?)   -  person Graham Ritchie    schedule 05.01.2014
comment
ссылка: sarigultadilat.com/sample/index.html   -  person user3162306    schedule 05.01.2014
comment
контактная страница в контактной форме отправить после того, как форма div скрыть не работает?   -  person user3162306    schedule 05.01.2014
comment
На странице, на которую вы ссылаетесь, форма скрыта. Ваше сообщение отправлено / текст благодарности не исчезает - это то, о чем вы спрашиваете?   -  person nnnnnn    schedule 05.01.2014
comment
нет, скрытие div не работает?   -  person user3162306    schedule 05.01.2014
comment
Я заполнил вашу контактную форму и нажал кнопку отправки, и форма исчезла.   -  person nnnnnn    schedule 05.01.2014
comment
:) очень странно. Не работал 5 минут назад.   -  person user3162306    schedule 05.01.2014


Ответы (1)


Попробуйте .css("display", "none") вместо hide()

person Khaled Hamdy    schedule 05.01.2014
comment
Я не понимаю, как? - person user3162306; 05.01.2014
comment
Отправить форму после, div id=contactform скрыть не работает. - person user3162306; 05.01.2014