#node-info_page input[name='panel'] {
    display: none;
  }
  
#node-info_page label {
    display: block;
    padding: 0.8em;
    width: 100%;
    height: 2.5em;
    border-bottom: 0.1em solid hsl(200, 96%, 80%);
    background: hsl(200, 96%, 50%);
    color: hsl(0, 100%, 100%);
    text-transform: uppercase;
    font-size: 1.8em;
    line-height: 1em;
    cursor: pointer;
}

#node-info_page  label:hover {
    background: hsl(200, 96%, 40%); 
}

#node-info_page .collapsible {
    display: block;
    padding: 0 1em;
    width: 100%;
    background: hsl(0, 1%, 90%);
}

#node-info_page input[name='panel'] + .collapsible {
    overflow: hidden;
    height: 0;

    -webkit-transition: height 1s ease;
    -moz-transition: height 1s ease;
    -ms-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}

#node-info_page  input[name='panel']:checked + .collapsible {
    overflow: auto;
    height: 200px; /* needs a numeric value here to keep transition */
}