function showDetails(id) {
    document.getElementById(id).style.height = 'auto';
    // document.getElementById(id).style.visibility = 'visible';
    // document.getElementById(id).style.opacity = '1';
    document.getElementById(id + '_button').style.display = 'none';
}

function hideDetails(id) {
    document.getElementById(id).style.maxHeight = '0';
    // document.getElementById(id).style.opacity = '0';
    // document.getElementById(id).style.visibility = 'hidden';
    document.getElementById(id + '_button').style.display = 'block';
}