Question

Here is the one line of code I use to push a new row to my container:

this.$el.append(new ItemView(item).render().el);

Where item is a Backbone.js model, render() creates and/or modifies the object and el is the html element. (The object is never displayed until rendering is complete)

How can I keep** new ItemView(item).render() **and store it in a variable, then fade and slide it into (the bottom) of my container?

Edit

Please keep in mind that this.$el is the container element.

Answer 1

var rendered = new ItemView(item).render();

$(rendered.el).appendTo(this.$el).hide().fadeIn().slideDown();