Problem with Form Attributes and CSS Style=display:none

[JonFSBrighton]

Hi there,

I have recently joined this forum in the hope that someone could help me as I am going crazy!

I have a form element within a hidden container, that uses the script.acluo.us SlideDown effect to slide down its container to reveal the form.

The problem is that the form tags and attributes do not exist . . . . now I know this has something to do with style-display:none and that it removes it from the DOM . . . . . .but what cant find on google is a solution to fix this problem.

Can anyone help me pllleeeaaasssee e!

Cheers Jon

Please find my code HTML code for this container and form below:

[HTML]<div id="createuser-hidden" style="display: none; overflow:hidden ; height:349px;">

<div class="hidden-inner-greybg-large">

<div class="hidden-inner-textframe-left">

CREATE A NEW USER

<form action="createu ser.php" method="post" name="CreateUse r" >

<fieldset>

<label2 for="CreateFN"> First Name:</label2></td>
<input class="text2" type="text" size="25" name="CreateFN" id="CreateFN" /><br />

<label2 for="CreateLN"> Last Name:</label2></td>
<input class="text2" type="text" size="25" name="CreateLN" id="CreateLN" /><br />

<label2 for="CreateEmai l">Email:</label2></td>
<input class="text2" type="text" size="25" name="CreateEma il" id="CreateEmail " /><br />

<label2 for="CreateDOB" >DOB:</label2></td>
<input class="text2" type="text" size="25" name="CreateDOB " id="CreateDOB" /><br />

<label2 for="CreatePW"> Create Password:</label2></td>
<input class="text2" type="text" size="25" name="CreatePW" id="CreatePW" /><br />

<label2 for="CreatePW2" >Confirm Password:</label2></td>
<input class="text2" type="text" size="25" name="CreatePW2 " id="CreatePW2" />


<label2>
<input class="submit" type="Submit" value="Sign Up"/>
</label2>

</fieldset>

</form>


</div>

<div class="hidden-closebtn">

<a href="javascrip t:;" onmousedown="Ef fect.SlideUp('c reateuser-hidden');">CLOS E</a>

</div>

</div>

</div>[/HTML]

[drhowarddrfine]

There is no such thing as <label2>.
Also, this doesn't make sense: <a href="javascrip t:;"

[JonFSBrighton]

Hi there,

OK I have changed the <label2> to <label> and have taken a quick look at the <a href="javascrip t"> . . . this is taken straight from script.acluo.us so I may have it wrong. . . . but it produces the desired slide down effect.

Do you have any thoughts as to why the form attributes are not showing up . . . . basically I can see the labels and input tags . . . but the encompassing form itself is just not there when I slide the element down?

[drhowarddrfine]

this is taken straight from script.acluo.us

That doesn't mean anything to me because I've never heard of it. This is a javascript question so I'm transferring it there.

[andho]

if ur using script.aculo.us then it might be complicated.

you could use firefox with firebug to debug this, it would make it easier.

You can check if the form has the attributes before the scriptaculous script is run and check it afterwards, using firebug