Mam w divie z display:none mapkę google:

[PHP] pobierz, plaintext 
<div style='display:none'><iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://mapy.google.pl/maps/ms?msa=0&amp;msid=200759996917882159532.0004c696f6ff75e59a7e4&amp;ie=UTF8&amp;t=m&amp;ll=50.780326,17.078869&amp;spn=0,0&amp;output=embed"></iframe><br /><small>Pokaż <a href="https://mapy.google.pl/maps/ms?msa=0&amp;msid=200759996917882159532.0004c696f6ff75e59a7e4&amp;ie=UTF8&amp;t=m&amp;ll=50.780326,17.078869&amp;spn=0,0&amp;source=embed" style="color:#0000FF;text-align:left">Pizzeria Perfetta</a> na większej mapie</small></div>
<a href=''>POKAŻ MAPĘ DOJAZDU</a>
[PHP] pobierz, plaintext 

Chciałbym aby po kliknięciu w link atrybut display:none zminił się na display:block i analogicznie po kliknięciu w ukryj mapkę.
Rozumiem, że trzeba by do tego wykorzystać JS (onclick), ale jakie dyrektywy konkretnie (słabo zanm JS) ?

1. onclick -> zdarzenie kliknięcia
2. Nadaj elementowi id i pobierz element poprzez getElementById( ew. użyj innych metod DOM-owskich )
3. element.style.nazwaCss = "nowa wartosc"; -> zmiana stylu nazwa-css( zauważ, że łączone nazwy slowo1-slowo2-slowo3 zamieniamy na slowo1Slowo2Slowo3 -> usuwamy - i kolejny wyraz z wielkiej litery )

Poczytaj, a na pewno szybko to zrobisz samemu

Udało się