Zmiana linku po kliknięciu JS

pytanie zadane 21 grudnia 2016 w JavaScript przez arvir Nowicjusz (200 p.)

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.

komentarz 21 grudnia 2016 przez Czort Nałogowiec (32,500 p.)

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

komentarz 21 grudnia 2016 przez arvir Nowicjusz (200 p.)

tylko jQuery do if'a

2 odpowiedzi

odpowiedź 21 grudnia 2016 przez operator Stary wyjadacz (10,920 p.)
wybrane 21 grudnia 2016 przez arvir

odpowiedź 21 grudnia 2016 przez ribeiro Stary wyjadacz (11,440 p.)

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.