Question

I have a long signup form and would like to hide a few fields and only show them when a certain input field is populated with text, if the user types some text in this field the other form fields will show.

I have looked at hide and show divs but have some trouble getting form elements hide and show them on a certain trigger ( populating a form with text )

anyone can point me in the right direction on how to implement
such feature in query ? thx in advanche!

Answer 1

Since specific problem details weren’t provided, I put together a simple example that hopefully will get you started on solving your problem.

You can see the live demo here.

HTML

<div id="field1wrapper" style="visibility: hidden;">
    <label for="field1">Field 1:</label>
    <input type="text" id="field1" /><span>&lt;-- write on me</span>
</div>
<div id="field2wrapper">
    <label for="field2">Field 2:</label>
    <input type="text" id="field2" />
</div>​

JavaScript

$("#field1").keyup(function()
{
    if($("#field1").val() != "")
    {
        $("#field2wrapper").css("visibility", "visible");
    }
    else
    {
        $("#field2wrapper").css("visibility", "hidden");
    }
});​