# JS: Clickable Toggle Switches that Change Their Own Text **URL:** \ **Category:** Uncategorized\ **Created:** [August 6, 2008, 7:00pm UTC](https://forum.kirupa.com/t/js-clickable-toggle-switches-that-change-their-own-text/267881 "2008-08-06T19:00:20Z")\ **Posts on this page:** 1\ **Page:** 1
**Author:** ![BSM2049](https://avatars.discourse-cdn.com/v4/letter/b/6f9a4e/32.png) [@BSM2049](https://forum.kirupa.com/u/BSM2049)\ **Post date:** [August 6, 2008, 7:00pm UTC](https://forum.kirupa.com/t/js-clickable-toggle-switches-that-change-their-own-text/267881/1 "2008-08-06T19:00:20Z")
I have the Toggle Switches (Yellow) on the right side of my Site Map here. When they are clicked they either hide or show the Children (Green) below the Parent (Blue). I wanted them to behave like the ‘+’ and ‘-’ that you see in Windows folders shown in hierarchal mode. This is what I want to exactly happen. If the Children (Green) are ‘display: none’, then onclick of Toggle (Yellow), Children (Green) appear with ‘display:block’, but also the ‘+’ text of Toggle (Yellow) turns into ‘-’, which as you see doesn’t. [CENTER] ![](http://www.wku.edu/%7Emarkanthony.echipare/5.0/Site_Map_Image.png)[/CENTER] If the Children (Green) are ‘display: block’, then onclick of Toggle (Yellow), Children (Green) disappear with ‘display: none’, and ‘-’ text of Toggle (Yellow) returns to ‘+’. But I don’t know how to reference these elements in their particular page structure. I have tried breaking down sample Javascript of onclick items and managed to get the Children (Green) to appear and disappear, but I can’t get the Toggle (Yellow) text to change because I don’t know how to call them and their attribute to the function. [http://www.wku.edu/~markanthony.echipare/5.0/Site\_Map\_Test.php](http://www.wku.edu/~markanthony.echipare/5.0/Site_Map_Test.php) Here is the JS that I have now to get the Children to work: ```auto ``` This is what it modifies: ```auto
``` I need to change the text in \\ accordingly with the state of the Children (Green) being displayed. I have fooled around with it already, but JS syntax and semantics I am totally not familiar with. Thanks in advance.