jQuery animate height with following content

Question

I am expanding a div with jQuery animate. However inside that div I have another div which I want to follow with the expansion and always be at the bottom to the right.

This is the jquery code

$( ".top-button" ).click(function() {
    $('.top-menu').animate({ height: 110 }, 800);
});

I am guessing it is something CSS related?

JsFiddle

Answer 1

You can try this

$(document).ready(function() {
$( ".top-button" ).click(function() {
    $('.top-menu').animate({height:110},800);
    $('.top-button').animate({bottom:0},800);
   });
});

JSFiddle