Вывести плавно содержимое after в Jquery

Здравствуйте, начал разбираться с jquery, возникла такая проблема: Получаю с помощью AJAX содержимое страницы, затем вставляю его после последнего div c id='title', как повешать на вновь добавленный контент анимацию плавного появления?
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }

      $.ajax({
      url: "http://task.loc/frontend_dev.php/bookslist?page="+page,
      cache: false,
      success: function(html){

        $('.title:last').after(html);
       
        }
 
0
after ajax javascript jquery web

1 ответов

создать новый элемент с полученными данными и применить к нему метод slideDown


$.ajax({
      url: "http://task.loc/frontend_dev.php/bookslist?page="+page,
      cache: false,
      success: function(data){
        $('.title:last').after($('<div>', {html:data}).slideDown(500));
      }
 

если нужно что-то более продвинутое, чем вертикальное развертывание, то есть метод animate
0