Jump to content

Expanding a List using ASP / HTML


George1111
 Share

Recommended Posts

Preferably in ASP using HTML, I am trying to create a page which will provide a series of headings, which when clicked expand and show a series of options with Entry boxes along side (the resultant form will be "posted")Any ideas how to achieve this pleaseexampleHEADING1HEADING2HEADING3HEADING4HEADING5When HEADING2 is Clicked ShowHEADING 1HEADING2subheading1 [textBox]subheading2 [textBox]subheading3 [textBox]subheading4 [textBox]subheading5 [textBox]subheading6 [textBox]subheading7 [textBox]HEADING3HEADING4HEADING5if I then click on HEADING2 then it will showHEADING1HEADING2HEADING3HEADING4HEADING5ie, the expanded section is un-expanded Sorry if this is very basic - I am just a learner

Link to comment
Share on other sites

I'm not sure about asp :) but dhtml :)

<head>		<script>function toggleMenu(objectID) {	var object = document.getElementById(objectID);	if (object.style.display =='block')  object.style.display='none';	else object.style.display='block';	return;}</script><style type="text/css">#menu1, #menu2, #menu3{  display: none}a:link {color: black}a:visited {color: black}a:hover {color: red}a:active {color: red}</style>	</head>	<body>				<a href="java script:toggleMenu('menu1')">HEADING 1</a><br />		<span id="menu1">			<a href="#">a</a><br /> 			<a href="#">b</a><br /> 			<a href="#">c</a><br /> 			<a href="#">d</a><br />		</span>				<a href="java script:toggleMenu('menu2')">HEADING 2</a><br />		<span id="menu2">			<a href="#">e</a><br /> 			<a href="#">f</a><br /> 			<a href="#">g</a><br /> 			<a href="#">h</a><br />		</span>						<a href="java script:toggleMenu('menu3')">HEADING 3</a><br /> 		<span id="menu3">			<a href="#">i</a><br /> 			<a href="#">j</a><br /> 			<a href="#">k</a><br /> 			<a href="#">l</a><br />		</span>	</body></html>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...