jquery prepend and slide down problem
<p>I am trying to build an application that allows users to upload a song list onto their site. The functions work and when the list is uploaded it slides down and fades in. Here is the Jquery...</p>

<pre><code>function list_post() {
    var list_date = $("#list_date").val();
    var team_name = $("#team_name").val();
    var song_list = $("#song_list").val();

    if (list_date == "" || team_name == "" || song_list == ""){
        alert("Please enter a list!");
    }else{
            $.post("scripts/send_list_parse.php", {list_date: list_date, team_name: team_name, song_list: song_list}, function(data){
                $(".list").prepend(data);
                $("#fade").fadeIn(1500);
                $(".list").slideDown(900);
                $("#list_date").val("");
                $("#team_name").val(team_name);
                $("#song_list").val("");
            });
    }
}
</code></pre>

<p>The problem is, when I upload the second list it doesn't fade in or slide down it just appears. I would like it to fade and slide each time the button is clicked.
Any Ideas?</p>

<p>Here is the send_list_parse.php file...</p>

<pre><code>&lt;?php
session_start();
include_once("connect_to_mysql.php");
include_once("checkuserlog.php");

if(isset($_POST['list_date']) &amp;&amp; ($_POST['song_list']) &amp;&amp; ($_POST['team_name'])){
    $list_date = $_POST['list_date'];
             $list_date = stripslashes($list_date);
         $list_date = strip_tags($list_date);
         $list_date = preg_replace('/\r?\n|\r/', "&lt;br /&gt;", $list_date);
         $list_date = mysql_real_escape_string($list_date);
         $list_date = str_replace("'", "&amp;#39;", $list_date);
         $list_date = "".$list_date."";
    $song_list = $_POST['song_list'];
         $song_list = stripslashes($song_list);
         $song_list = strip_tags($song_list);
         $song_list = preg_replace('/\r?\n|\r/', "&lt;br /&gt;", $song_list);
         $song_list = mysql_real_escape_string($song_list);
         $song_list = str_replace("'", "&amp;#39;", $song_list);
    $team_name = $_POST['team_name'];
         $team_name = stripslashes($team_name);
         $team_name = strip_tags($team_name);
         $team_name = preg_replace('/\r?\n|\r/', "&lt;br /&gt;", $team_name);
         $team_name = mysql_real_escape_string($team_name);
         $team_name = str_replace("'", "&amp;#39;", $team_name);

    $sql = mysql_query("INSERT INTO list (date, team_name, song_list) VALUES ('$list_date','$team_name','$song_list')") or die (mysql_error());
    echo '&lt;div id="fade"&gt;&lt;span&gt;&lt;h4 style="margin-bottom:0px; font-size:14px;"&gt;'.$list_date.'&lt;/h4&gt;'.$song_list.'&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;';
}else{
    echo "Error";
}
?&gt;
</code></pre>

<p>Here is the portion of the original page where I create the list...</p>

<pre><code>$create_song_list = '
        &lt;div class="boxHeader2" style="padding:0px; margin:0 auto;"&gt;
        &lt;a href="#" onclick="return false" onmousedown="javascript:toggleSlideBox(\'infoBox\');" style="color:white; font-weight:bold; text-decoration:none;"&gt;&amp;bull;&amp;emsp;Create Song-List&lt;/a&gt;
        &lt;/div&gt;&lt;div class="editBox" id="infoBox" style="color:white; font-size:15px; margin:7px 5px 0px 15px;"&gt;
        &lt;input id="list_date" name="list_date" type="text" placeholder="List-Date" style="width:100%;" /&gt;&lt;br /&gt;
        &lt;textarea id="song_list" name="song_list" placeholder="Song List Here" style="width:100%;" rows="7"&gt;&lt;/textarea&gt;&lt;br /&gt;
        &lt;input id="team_name" name="team_name" type="hidden" value="'.$team_name.'" /&gt;
        &lt;input id="submit_list" name="submit_list" type="submit" value="submit" onclick="javascript:list_post();" /&gt;&lt;br /&gt;
        &lt;/div&gt;';
</code></pre>

<p>This is where it is rendered...</p>

<pre><code>// ------- Populate Song List ---------------------------
$display_song_list = '';
$sql = mysql_query("SELECT * FROM list WHERE team_name='$team_name' ORDER BY id DESC LIMIT 9"); // Query List
$count_sql = mysql_num_rows($sql);
if($count_sql &gt; 0){
    while($row = mysql_fetch_array($sql)){
        $song_list = $row['song_list'];
        $date = $row['date'];
        $display_song_list .= '
    &lt;div class="list" style="display:none;"&gt;

        &lt;/div&gt;
    &lt;h4 style="margin-bottom:0px; font-size:14px;"&gt;'.$date.'&lt;/h4&gt;'.$song_list.'&lt;br /&gt;';
    }
}
// ------- End Populate Song List -----------------------
</code></pre>
