Jquery SlideToggle wont work
<p>What could possibly be wrong with my code? 
The main idea is grab the return data and display it by making a div slide. </p>

<pre><code>$(document).ready(function(){       
    $(".toggle-content").hide();
    var question_id = '';
    var reply = '';
    $("div.mainIfeed").click(function()
    {
        question_id = $(this).attr('id');

        //get this particular question answer
        $.get('/shout/shoutReply?question_id=' + question_id, function(data){
            $obj = JSON.parse(data);
            $.each($obj, function(i, elt){
                reply = elt.reply;              
            });
                  $(this).find('div.toggle-content').slideToggle(200); //slide. Not working     
          $(this).find('div.toggle-content').html('reply'); //and then display the result 

        }); 
       //$(this).find('div.toggle-content').slideToggle(200); // this works                //$(this).find('div.toggle-content').html('reply');  //and then display the string reply         

    });         
});
</code></pre>

<p>You can see <a href="http://jsfiddle.net/selom/L2AFL/" rel="nofollow">a demo of the problem is available at JSFiddle</a>.</p>
