Home/ Questions/Q 8994345
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T23:24:38+00:00

i have searched a lot in SO. The text show/hide on click, worked only

  • 0

i have searched a lot in SO. The text show/hide on click, worked only to show the div, when clicked on hide, it doesnt show another div.

I want something like this.

a text is displayed by defualt SHOW and div named formula1 is displayed, when clicked on show, it hides the test SHOW and hides the previous div formula1 and text HIDE Appears with another div Formula2

The below only showed one div, but i want both divs to be showed on each when clicked.

<script language="javascript"> 
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
        ele.style.display = "none";
    text.innerHTML = "show";
}
else {
    ele.style.display = "block";
    text.innerHTML = "hide";
}
} 
</script>
</head>
<body>
<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none">peek-a-boo</></div>
</body>

anybody please help

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Why dont you use JQUERY it will reduce the codes that are you writing. by using simple show() and hide() functions….
    here is link .show() jquery selector and .hide() jquery selector

    if you intersted in javascript then goto this URL simple javascript show hide div

    • 0