QuestionAsk Questions?
freena
On click Hide one dividion and visible another division...
View Answers
August 5, 2010 at 12:43 PM
Hi Friend,
Try the following code:
<html>
<script>
function showhide() {
document.getElementById('div2').style.visibility = 'visible';
document.getElementById('div1').style.visibility = 'hidden';
}
</script>
<div id="div1" style="border:solid;border-width:1px;height:5%;width:10%;">Hello World</div>
<div id="div2" style="border:solid;border-width:1px;height:5%;width:10%;visibility:hidden;">Welcome To RoseIndia</div>
<button onclick="javascript:showhide()">Click</button>
</html>
Thanks
Try the following code:
<html>
<script>
function showhide() {
document.getElementById('div2').style.visibility = 'visible';
document.getElementById('div1').style.visibility = 'hidden';
}
</script>
<div id="div1" style="border:solid;border-width:1px;height:5%;width:10%;">Hello World</div>
<div id="div2" style="border:solid;border-width:1px;height:5%;width:10%;visibility:hidden;">Welcome To RoseIndia</div>
<button onclick="javascript:showhide()">Click</button>
</html>
Thanks
Related Pages:
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.
Tutorial Topics
