Javascript, a második kattintásra eltünjön

Javascript, a második kattintásra eltünjön
2017-02-12T12:58:39+01:00
2017-02-12T14:18:25+01:00
2022-12-04T09:00:40+01:00
Acidias
Sziasztok!

Van egy divem(config néven), alapból hidden visibility-t adtam neki. És van egy megnyitás gombom, amihez hozzá adtam egy click eventet (addEventListener).
És a functionba meg ezt tettem:

function megnyitas_c(event){ config.style.visibility="visible"; megnyitas_text.nodeValue="Bezárás"; }
Most azt kéne, ha újra rákattintok a megnyitas gombra, akkor ez ujra hidden legyen.
Megtudom úgy csinálni hogy ebbe a functionba berakom azt is hogy a megnyitast tüntesse el és csinálnék egy bezártást, és annak egy is egy visibility visible-t. De ha van rövidebb megoldás, szivesen meghalgatnám

Amire gondoltam:

function megnyitas_c(event){ config.style.visibility="visible"; megnyitas.style.visibility="hidden"; bezaras.style.visibility="visible"; }
Majd a bezarasnak is adnék egy ilyen függvényt ahol ugyan ezek vannak csak fordítva! :)
Ez menyire jó megoldás? :)
Köszönöm a válaszokat.
Mutasd a teljes hozzászólást!
Hali!

function megnyitas_c(event) { config.style.visibility = config.style.visibility == 'visible' ? 'hidden' : 'visible'; megnyitas_text.nodeValue = megnyitas_text.nodeValue == 'Megnyitás' ? 'Bezárás' : 'Megnyitás'; }
Természetesen, ez nem más, mint szabofe javaslata kódba „öntve”.

Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd