I am looking for a piece of script that will save space on a web page. I have a lot of info to display on the page, so i would like to dipsly a link (ie: paragraph titles) that when clicked on, the paragraph appears under the link and then dissapers once the linked is re-clicked
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations bkrike on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
saving space 1
- Thread starter hugh999
- Start date
-
1
- #2
Try this
<script>
function togglePara(paraName) {
var para=document.getElementById(paraName)
if (para.style.display=="none"
{
para.style.display=""
} else {
para.style.display="none"
}
}
</script>
<body>
<span id="title1" onClick="togglePara('para1')">Title1<span>
<span id="para1" style="display:none">This is the main Text</span>
</body>
You don't have to use Spans - any inline or block element will do - the code can be generalised, but it's not really necessary
Hope this helps
Ian
<script>
function togglePara(paraName) {
var para=document.getElementById(paraName)
if (para.style.display=="none"
{para.style.display=""
} else {
para.style.display="none"
}
}
</script>
<body>
<span id="title1" onClick="togglePara('para1')">Title1<span>
<span id="para1" style="display:none">This is the main Text</span>
</body>
You don't have to use Spans - any inline or block element will do - the code can be generalised, but it's not really necessary
Hope this helps
Ian
- Status