Показать форму в div на кнопке button с JQuery

Question

Так что я использую облако 9, чтобы сделать сайт. Прямо сейчас я застрял в показе и скрытии своей формы. У меня есть фиксированная боковая панель с кнопкой «Контакты». Нажатие этой кнопки должно переключать мою оболочку div #, которая содержит мою форму в виде всплывающего окна в середине экрана, на котором вы находитесь на сайте. Форма контакта связана с скриптом php, который в настоящее время не работает, но это еще одна история.

Я пробовал несколько решений, и теперь я просто потерян.

https://jsfiddle.net/b6uwb4n3/

кусок кода

$("#contactBtn").click(function() { 
$("#page-wrapper").hide("slow", function() { 
}); 
}); 

https://fjord-explorers-raademar.c9users.io/

ссылка на мой сайт

очень много работы в процессе.

Answer 1

Глядя на связанном сайте, вы, кажется, есть ваша кнопка контакта нажмите событие приложенным до готовой функции документа. Я хотел бы предложить переместить код

$("#contactBtn").click(function() { 
    $("#page-wrapper").hide("slow", function() { 
    }); 
}); 

, чтобы внутри $(function(){}) вызова.

Answer 2

Вы можете использовать функцию jQuery toggleClass() и создать класс, который показывает div, и установить div в display: block. См скрипки: https://jsfiddle.net/b6uwb4n3/1/

Answer 3

Вы можете просто использовать функцию .toggle():

$("#contactBtn").click(function() { 
    $("#page-wrapper").toggle("slow"); 
}); 

Answer 4

И если я хочу, чтобы форма появилась там, где я нахожусь на странице, у меня нет формы в статическом местоположении. Или прокрутите вниз до того места, где форма статична. Как мне это сделать?