How to display content with effects

[mpkumar87]

Hi,

I have integrated jquery rowGrid. Need to display ajax content to grid with effects. Please give me suggestion to achieve this.

Thanks..

[brunjo]

Try something like the following.

// append new items with class item-new
$(".container").append("<div class='item item-new'><img src='http://placehold.it/310x200' /></div>");
// arrange appended items
$(".container").rowGrid("appended");

// display items with an effect
var $new = $('.item-new');
$new.fadeIn('slow');
$new.removeClass('item-new');

/* Hide new items */
.item-new {
    display: none;
}

I didn't test this code snippet. Fell free to ask if you have any questions.