Сокрытие формы контакта в Javascript

Я делаю некоторые поправки на сайте, который имеет контактную форму, которая должна быть скрыта при загрузке страницы, а при нажатии на значок конверта открывается контактная форма, нажатие на конверт снова скрывает его ,Сокрытие формы контакта в Javascript

Javascript связан с этой формы:

jQuery('#contact-open').click(function (e) { 
    e.preventDefault(); 
     jQuery('#contact-form').slideToggle(); 
     jQuery('html, body').animate({ 
      scrollTop: jQuery('#contact-form').offset().top 
     }, 1000); 
});

Проблема заключается в том, что форма не скрыта на странице загрузки, и нажав конверт делает скрыть форму, но она должна быть скрыта от нагрузки.

Я попытался добавить visibility: hidden к форме в CSS, но затем, когда div для формы скользит, конечно, она пуста. Любые предложения по устранению этого?

Благодаря

Edit: Упрощенное JS использовать slideToggle вместо slideUp и slideDown

источник

2015-11-08 Adrian

Вы можете добавить «скрытых форм» класс CSS в форме, и переключаться, что с JQuery .toggleClass() при нажатии на кнопку кнопка. Это покажет/скроет форму.

источник

2015-11-08 22:17:15

Спасибо, звучит как хорошее решение, но с использованием существующего JS мне просто нужно скрыть форму на загрузке страницы, я обновил JS в оригинальной записи, так как это немного упростило, могу ли я просто добавить что-то вроде 'jQuery ('# contact-form'). hide(); 'наверху или что-то подобное? – Adrian

Вы можете, но мне интересно, может ли это привести к тому, что ваша форма внезапно исчезнет, когда страница будет полностью загружена. Особенно на медленных соединениях. –

Кажется, что я работаю, поэтому я посмотрю, довольны ли они этим, спасибо за ваше время. – Adrian

Сокрытие формы контакта в Javascript

ответ

Смежные вопросы