Here's the HTML: <form action="search.php" method="get"> <div class="contentArea"> <a href="#" id="advancedOptsLink">Advanced Options</a> </div> <div class="contentArea" id="advancedOpts"> <table> <tr> <td id="advancedOptsRow1"> <input type="text" name="test"> </td> </tr> </table> </div> </form>
Here's the Javascript: $("#advancedOptsLink").click(function() { $("#advancedOpts").toggle("blind", { direction: "vertical" }, 600); return false; }); When I click on Advanced Options, any inputs inside of the DIV layer with the id "advancedOpts" (such as "test" from my example above) do not submit with the form. However, they WILL submit if I change the Javascript to this: $("#advancedOptsLink").click(function() { $("#advancedOpts").toggle(); return false; }); The effect seems to cause this issue here. Any ideas what to do about this?