Show/Hide HTML Content

[SusieG]

Hello

I have a cold fusion form and would like to be able to show/hide a particular section of it through either a simple link or radio buttons.

The user fills in their contact address details and billing address. If the billing address is different from contact I would like them to click the link for the billing address fields to appear.

Look forward to hearing from you.

Regards
Susie

[mysticlighthouse]

You can use stylesheets and javascript to do this client side.

Let's say the element that contains the information you are wanting has id="billAdd". Have a link call a javascript function.

function changeStyle(){
	target = document.getElementById("billAdd");
	if(target.style.display=="none"){
		target.style.display="block";
	} else {
		target.style.display="none";
	}
}

That should display it and hide it for you.

If you want to do it server side you could have a check box and once the form is submitted, ColdFusion could check to see if that Form element was passed and then redisplay the page with all the information and now the billing address shown by cfif... you might want to incorporate this approach just to catch anyone who might have had javascript turned off.

[AlexBel]

I'm use stylesheets and javascript like this:

function showhide(aa) {
	aa.className = (aa.className == 'layshow') ? 'layhide' : 'layshow';
}