How do you set up Expandable/Collapsable Content Boxes?

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
 
M

MD Websunlimited

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>
 
T

Tina Clarke

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

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
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top