Jquery animate的使用方法
js:
$('#colspan').click(function () {
if ($('#colspan').hasClass('glyphicon-chevron-up')) {
$('#colspan').removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');
} else {
$('#colspan').removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
}
$('#jumbotron').animate({
height: 'toggle'
}, 100);
});
html:
<div id="colspan" class="glyphicon glyphicon-chevron-down">
效果图：