javascript - SlideDown not animating properly - jQuery -

i seem confused this.

i trying use slidedown function in jquery, when div clicked on, 'information' div jumps , doesnt animate.

i think 1 of cause .information div has following properties:

when min-height property removed animations work. want min-height there.

would able provide solutions?

view here: http://www.bootply.com/exxhrtaecu

css:

.information {                 margin-left: auto;                 margin-right: auto;                 /*border:1px solid #000;*/                 border-top: 1px solid #000;                 border-bottom: 1px solid #000;                 width: 100%;                 display: none;                 background-color:#f2f2f2;                 box-shadow: 1px 1px 1px #f2f2f2;                 overflow: hidden;                  min-height: 300px; /*when remove works*/                 height:auto;              } 

that because not allowed specify min-height property on sliding div. remove min-height: 300px .information div, , if need height, can add min-height inner div this:

.actualinfo {   min-height: 300px; }