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?

Reply via email to