[gallyamov]

детализирую)
вот css колонок

.column {
	&.backlog { 
		float: left;
		margin-left: -4px;
		padding-left: 4px;
	}
	&.done { 
		float: right;
		padding-right: 4px;
	}

	&.backlog, &.done {
		display: none;
		background-color: #EEE5DE;

		.column-content {		
			position: absolute;
			bottom: 0;
			top: 70px;

			width: 20%;
		}
	}
}

.task-column {    
	width: 20%;

	.task-column-header-top, .task-details { padding-left: 10px; }
	.task-column-header-top { margin-top: 8px; }
	.task-column-name { display: inline; }

	.column-content {
		overflow-x: hidden;		
		overflow-y: scroll;
	}
}

вот код скрытия, открытия

ic.showColumn = function (column) {
	$(column).animate({
		width: 'show',
		paddingLeft: 'show',
		paddingRight: 'show',
		marginLeft: 'show',
		marginRight: 'show',
		opacity: 'show'
	}, 300);	
};

ic.hideColumn = function (column, duration) {
	var callback = function () {
		var columnType = column.dattr('taskstate-type');
		var columnName = $('.task-column-name', column).text();
		var tasksCount = parseInt(column.dattr('taskscount'));

		var columnPlaceholder = $('<div></div>', {
			'class': 'column-placeholder ' + columnType,
			'data-column-class': columnType
		}).insertAfter(column);

		$('<span/>', {
			html: columnName + (tasksCount == 0 ? '' : ' (' + tasksCount + ')')
		}).appendTo(columnPlaceholder);		
	};

	if (!duration || duration === 0) {
		column.hide();
		callback();
	} else
		column.animate({
			width: 'hide',
			paddingLeft: 'hide',
			paddingRight: 'hide',
			marginLeft: 'hide',
			marginRight: 'hide',
			opacity: 'hide'
		}, duration, callback);
};

даже не знаю, что еще может пригодиться