How do you set up Expandable/Collapsable Content Boxes?

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I am working on a web page of Health and Wellness for my class, i would like
to create an expandable and collapsable content box where someone clicks an
arrow and then the information in the box is shown and vice versa. this will
be extremely helpful if there is no code involved. I am using Microsoft Front
Page version 3.0. thanks a bunch this is extremely helpful.
-Steph
 
Hi BearCheerGal,

It is done using CSS and JavaScript to set the display style setting.
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Show</title>
<script language=javascript>
function showDiv(id) {
debugger;
el = document.getElementById(id);
if (el.style.display == 'none') {
el.style.display = 'block';
} else {
el.style.display = 'none';
}
}

</script>
</head>

<body>
<a href="#" onclick="showDiv('mydiv')" >Show</a>
<div id="mydiv" style="display: none;" >
MyContent
</div>

</body>

</html>
 
bearcheergal said:
I am working on a web page of Health and Wellness for my class, i would like
to create an expandable and collapsable content box where someone clicks an
arrow and then the information in the box is shown and vice versa. this will
be extremely helpful if there is no code involved. I am using Microsoft Front
Page version 3.0. thanks a bunch this is extremely helpful.
-Steph
Click to expand...

Here is an old tutorial of mine for fp98 ... just look in the help for fp
2000 it will tell you how.
http://accessfp.net/tutorial1.htm

Do not forget to include text links too.

hth Tina

--
http://accessfp.net/ - FrontPage Tutorials
http://anyfrontpage.com/ - http://frontpage-ebooks.com/
http://addonfp.com/ - FrontPage Addons
http://frontpage-tips.com/ - Weekly FrontPage Tips
http://msmvps.com/blogs/frontpage/ - FrontPage News Blog
http://frontpage-blog.com/ - FrontPage Blog
http://clarke-abstract-art.com/ - Original Abstract Pen and Ink Drawings
 
Back
Top