如何为添加的动画 <br> 与jQuery

Question

I have a page with images in an inline block that when clicked br tags and added before and after it so that the image is on its on line.

http://gyazo.com/ddfdd7da4d949ec48341b585d2495ab6

Here is a gif of what happens.

Is there anyway I can animate the movement of the divs?

Edit: Apologies I forgot to add my code.

$(document).ready(function() {
$(".imageFace").click(function(){
    id = $(this).attr('id');
    $(this).before("<br>");
    $(this).after("<br>")
});});

Answer 1

I assume by animating BR's, you want to animate pushing down content? Rather than animate BR, you can use JQuery to animate the top margin, as in this example: jQuery animate margin top