Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Define a minimum height when collapsing in Bootstrap

In Bootstrap, I want to set a height when it collapses. Normally I want to keep the collapsible area shown using .collapse.in class. So when it collapses it won't set height to zero.

Before collapse:

enter image description here

After collapse:

enter image description here

like image 538
Golak Chandra Satiar Avatar asked Sep 17 '25 11:09

Golak Chandra Satiar


1 Answers

UPDATE:

http://jsfiddle.net/R6EAW/1158/

CSS:

#collapseOne{
    min-height:60px
}

JQ:

$('#accordion').on('hidden.bs.collapse', function () {
    $('#collapseOne').removeClass('collapse').css({        
        'overflow': 'hidden',
        'height': '60px'
    })
})
like image 197
dm4web Avatar answered Sep 18 '25 23:09

dm4web