JQuery: Append Div and html slowly with effect

jquery

Solution

Try this out:- http://jsfiddle.net/adiioo7/adHvb/6/

JS:-

jQuery('li').click(function () {
      dd = 'baba';
      var liData = '<li class="new-rows" style="display:none;"></li>';
      $(liData).appendTo('.products').fadeIn('slow');

      jQuery('.new-rows').html(dd, 500);
  });

Problem

i am fetching data using ajax. ``` <ul class="products"> <li>Row1</li> <li>Row1</li> <li>Row1</li> <li>Row1</li> </ul> ``` when user click on li the li will append. ``` jQuery(function(){ jQuery('li').click(function(){ jQuery('.products').append('<li class="new-rows"></li>'); jQuery('.new-rows').html(dd , 500); }); }); ``` now what i am looking for is new generated li display slowly. here dd is the content getting from another page using ajax; check this fiddle : http://jsfiddle.net/adHvb/2/

Original source