How do i make the button to show on click and then hide on second click

Question

i made my text to show on click but i want to make it hide when u click it a second time
https://code.sololearn.com/W0o6T593EV8L/?ref=app

Answer 1

Here is my solution, hope it helps, what it does is this:
it created a boolean called "open" and when you click the button, it checks whether open is true or false, and based on that, it changes the boolean and you can input the code within the if statement

https://code.sololearn.com/WpX2byq78S5Z/?ref=app

Answer 2

don't use CSS that much, but I think it's just
background {
width:100%;
height:100%;
}

Answer 3

Благодаря, ще го пробвам!

Answer 4

Точно това исках да постигна. Може ли само да ми обясните как работи, за да го разбера.

Answer 5

Check this too. It's similar to the @wout werkman's solution.
https://code.sololearn.com/W91rYoCz7Whj/#html

Edit:
Look here for the background image:
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
https://css-tricks.com/perfect-full-page-background-image/

Answer 6

Не знам как става по най-добрия начин. Помня, че веднъж пробвах със снимка, която не се побира в екрана (по-широка), освен така:
CSS:
background-size: 100% 100%;
margin: auto;
width: 50%;

Което я набута в екрана, обаче естествено беше леко смачкана. В обратния случай (ако е по-малка), най-вероятно ще я разтегли по горния метод.

Иначе за показването/скриването на информацията импровизирах. Не ми е най-силната страна Web-а :)

Answer 7

Is it works now? / Така става ли?
https://code.sololearn.com/Wjw8raiGJ6jl/?ref=app

Обаче отворено/затвореното състояние в условните конструкции е обърнато.
Т.е при затворено състояние показва информацията.

Answer 8

1. Вкарах състоянието на всички бутони в array, за да не пиша отделни променливи за всички бутони.
0 => false
!= 0 => true
В началото всички бутони са 0 (затворени)
2. Когато се отвори някой бутон, другите трябва да се затварят.
Например:
open[0] = 1; // button 1 is open
open[1] = 0; // button 2 is closed
open[2] = 0; // button 3 is closed

Answer 9

ohh nvm... i just saw the alert command

Answer 10

Yes it is. I am very thankful for your help!!!

Answer 11

All worked great, but how do i make button 2 to replace the content of button 1 on click but then if i click it again it show the <p>. (Значи когато отворя бутон1, за да отвора бутон2 или 3 трябва да кликна два пъти върху него. Въпросът ми е. Как да го направя така че когато се натисне различен от отворения бутон да се смени контента с един клик, но когато кликна върху вече отворения бутон да се затвори и съответно да се покаже
"<p> id="t1"The Germ.......<\p>"?
Всякаква помощ ще е от полза.

https://code.sololearn.com/WRs43gPepNty/?ref=app

Answer 12

Ok i fixed it. Is there any way to remove the pop ups? Thank you btw!
https://code.sololearn.com/Wp7K8IC1DzrY/?ref=app

Answer 13

and one more question. How to make the img fit the hole background