Как скрыть контейнер при нажатии кнопки и отобразить форму?

Question

Так что я пытаюсь создать магазин для компьютеров, и я делаю для него интернет-магазин, но у меня возникла проблема.

Теперь у меня есть контейнер, и я хочу, чтобы он скрывал его содержимое, когда я нажимаю кнопку, а затем форма должна появляться с именем, электронной почтой и текстовой ссылкой для того, что они хотят купить. , но если они щелкните в любом месте на странице, а затем кнопку, я хочу вернуть старый контент!

Я строю это в программе Wakanda Studios, я не знаю, помогает ли это, но я уверен, что кто-то найдет мой ответ.

Quick note: У меня еще нет кода, кроме контейнера!

Answer 1

Попробуйте это написано в JQuery, так что вы должны добавить Jquery на страницу, поставив <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> в заголовке документа, а затем добавить следующий код в конце Вашей страницы ...

$(document).ready(function(){ 
    $("#button-id").click(function(){ 
     $("#container-id").hide(); 
     $("#form-id").show(); 
    }); 
    $(document).click(function(){ 
     $("#container-id").show(); 
     $("#form-id").hide(); 
    }); 
}); 

Все, что вам нужно, это добавить атрибут идентификатора к кнопке, которая запускает все, контейнер и форму.

Answer 2

Если вы используете WAF-структуру Wakanda и Studio, вы должны выбрать свою кнопку, перейти на вкладку событий и добавить событие по щелчку.

Это заглушка в оболочке для кода, выполняемого при нажатии.

Чтобы скрыть контейнер, вам нужен идентификатор контейнера. Используя это, вы создаете ссылку Wakanda на виджет и используете метод «hide()».

$$('yourContainerId').hide(); 

JQuery будет работать также.