how to hide the div tag and dis[lay in the exact position on click on the another div

ajeeshc

the code i tried but it not working the div displaying over the displayed one

Expand|Select|Wrap|Line Numbers

 <html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<link href="div1.css" rel="stylesheet" type="text/css" />

<link href="div1.js" type="text/javascript" />

<script type="text/javascript">

function no()

{

    document.getElementById("1").style.display="none";

    document.getElementById("2").style.display="none";

    document.getElementById("3").style.display="none";

}

function main()

{

    document.getElementById("1").style.display="block";

    document.getElementById("2").style.display="none";

    document.getElementById("3").style.display="none";

}

function ma()

{

    document.getElementById("2").style.display="block";

    document.getElementById("1").style.display="none";

    document.getElementById("3").style.display="none";

}

function main2()

{

    document.getElementById("3").style.display="block";

    document.getElementById("2").style.display="none";

    document.getElementById("1").style.display="none";

}

</script>

</head>
 
<body onload="no()">

<div class="inn1" onclick="main()">

    <p>for the ist button</p>

    <p>&nbsp;</p>

</div>
 
  <div class="inn2" onclick="ma()">

    <p>for the ist button</p>

    <p>&nbsp;</p>

  </div>
 
  <div class="inn3" onclick="main2()">

    <p>for the ist button</p>

    <p>&nbsp;</p>

  </div>
 
  <div id="main">Content for  id "main" Goes Here
 
  <div class="inn1" id="1">

    <p>for the ist button</p>

    <p>&nbsp;</p>

  </div>
 
  <div class="inn2" id="2">

    <p>for the ist button</p>

    <p>&nbsp;</p>

  </div>
 
  <div class="inn3" id="3">

    <p>for the ist button</p>

    <p>&nbsp;</p>

  </div>
 
  </div>

</body>

</html>

Dormilich

IDs must not start with a number. therefore JS might ignore your ids.

how to hide the div tag and dis[lay in the exact position on click on the another div

re: how to hide the div tag and dis[lay in the exact position on click on the another div

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about