Zmiana linku po kliknięciu JS

Question

Witam, mam zamiar zrobić chowanego diva. Za pomocą linku jest on chowany, lub pokazywany.

<div id="chowany">Zawartość</div>
<script>

if (!$("#chowany").is(':visible')){
function ukrywanie(){
<a onclick="ukryj()">Ukryj</a>}}
else{
function pokazywanie{
<a onclick="pokaz()">Pokaż</a>}}


function pokaz(){
document.getElementById("#chowany").style.visibility = "visible";}

function ukryj(){
document.getElementById("#chowany").style.visibility = "hidden";}
</script>

o ile zmiana atrybutu działa poprawnie to mam problem z wywołaniem funkcji pokazywanie/ukrywanie. owszem pokazuje się link i atrybut się zmienia, ale po pokazaniu diva link pokaż nie zmienia się na pokaż. z góry dzięki za pomoc.

Comments

Używasz jakiegoś frameworka, bo nie wygląda to na czysty js?

---

tylko jQuery do if'a

Answer 1

http://api.jquery.com/toggle/

Answer 2

Nie zmienia się bo funkcje pokaz() i ukryj() zmieniają jedynie zawartość diva #chowany, a nie robią nic z tymi linkami. Ale przede wszystkim wyjmij tagi <a> z wnętrza tagu <script>. Wewnątrz <script> trzymaj wyłącznie kod JavaScript. Wtedy wystarczą Ci wyłącznie funkcje pokaz() i ukryj(), lub też jedna funkcja switch() która zmieni jedną flagę (zmienną boolean) i według niej pokaże albo jeden link albo drugi i jeden styl diva lub drugi.