a.rozbalovaci {
text-decoration: none;
}
a.rozbalovaci+div {
overflow:hidden;
transition: max-height 1s, opacity 300ms;
max-height: 0px;
opacity: 0;
}
a.rozbalovaci:not(:target):before {
content: "Rozbalit";
float: right;
}
a.rozbalovaci:target+div {
max-height: 300px;
opacity: 1;
overflow: hidden;
}

.soupatko {
display: none;
}
.soupatko:checked+*{
left: 0px;
transition: left 0.5s;
position: relative;
}
.soupatko:not(:checked)+*{
left: -100%;
transition: left 0.5s;
position: absolute;
}