Question

jquery:

    $.post("process_login.php",
        {username : $("#username").val(), password : $("#password").val()},
        function(data) {
            $("#login_results").fadeIn("slow").html(data);
            }
        )

html:

<table>
    <tr><td id="login_results"></td></tr>
    <tr><td><input type="text" id="username" /></td></tr>
    <tr><td><input type="password" id="password" /></td></tr>
    <tr><td><input type="submit" id="login_submit" /></td></tr>
</table>

The data shows, but it doesn’t fade in. I have no idea why. =/. If you need any other details, let me know.

Answer 1

probably because you have them in reverse order. you want

$("#login_results").html(data).fadeIn("slow");

otherwise you’re fading in something that doesn’t have any content yet.

also, try putting what type of content is being returned by the post request.

$.post("page", {params}, function(data){}, "html");

after looking at the other answers, the more complete answer is to also make login_results invisible first:

<td id='login_results' style='display:none'></td>