Pokaż/Schowaj div js

Question

Witam. Zrobiłem taki skrypt który pokazuje diva po kliknięciu innego diva

function showDiv()
		{
			document.getElementById("Dodaj_komentarz").style.display = "block";
		}

Html:

<div id="Dodaj_komentarz-img" onclick="showDiv()">
	<img width="50" height="50" src="index_files/dodaj_aktualnosc.png">
</div>
<div id="Dodaj_komentarz">
</div>'

Chciałbym żeby po ponownym kliknięciu na diva "Dodaj_komentarz-img" schował się div "Dodaj_komentarz".

Answer 1

Najłatwiej byłoby to zrobić, po prostu przełączając temu elementowi klasę: 

function showDiv() {
    document.getElementById( 'Dodaj_komentarz' ).classList.toggle( 'visible' );
}

Oczywiście klasa .visible musi zawierać display: block;.

Comments

Ten skrypt nie działa. 

próbowałem jeszcze zrobić tak ale też nie działa: 

function showDiv()
		{
			document.getElementById("Dodaj_komentarz").style.display = "block";
			document.getElementById("Dodaj_komentarz-img").onclick = "hideDiv()";
		}
		function hideDiv()
		{
			document.getElementById("Dodaj_komentarz").style.display = "none";
		}

 

---

Jak najbardziej działa: https://jsfiddle.net/Comandeer/v81pL4d9/

Strzelam, że masz style przypisane przez [id], więc są problemy ze specyficznością w CSS-ie.

---

O! Faktycznie działa. Dzięki wielkie

---

A mam jeszcze jedno pytanie. Czy jest możliwość dołączenia animacji pojawiania się tego diva?

---

To już musiałbyś kombinować raczej z visibility i transform + transition w CSS.

---

Ok. Jutro postaram się zrobić animację. W każdym razie dzięki za pomoc