div.accordian {
    margin: 1em 2em 2em 2em;
}


.accordian > input[name="collapse"] {
    display: none;
}


.accordian .hidden_content {
    overflow: hidden;
    height: 0;
}


.accordian label {
    color: #ffffff;
    cursor: pointer;
    font-weight: normal;
    padding: 0.5em;
    background: #808080;
}


.accordian label:hover,
.accordian label:focus {
    color: #ffffff;
    background: #000000;
}


.accordian > input[name="collapse"]:checked ~ .hidden_content {
    height: auto;
}