td{//border:1px solid red;min-height:50px;vertical-align:top;width:auto}div.title{text-align:top}button.accordion,div.title{background-color:transparent;color:#fff;font-size:large;margin:4px 0;padding:8px 12px}button.accordion{border:none;border-radius:4px;cursor:pointer;float:left;height:inherit;outline:none;transition:.3s;width:100%}button.accordion:hover{background-color:hsla(0,0%,100%,.3)}button.accordion.active{background-color:#fff;border-radius:4px 4px 0 0;color:#000;margin:4px 0 0}button.accordion-inner{background-color:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:large;height:inherit;margin:4px 0;outline:none;padding:8px 12px;text-align:top;transition:.3s;width:auto}button.accordion-inner:hover{background-color:hsla(0,0%,100%,.3)}button.accordion-inner.active{background-color:#fff;border-radius:4px 4px 0 0;color:#000;margin:4px 0 0}div.panel{background-color:hsla(0,0%,100%,.8);border-radius:0 0 4px 4px;box-sizing:border-box;color:#000;float:left;margin:0;max-height:0;opacity:0;overflow:show;padding:0 12px;transition:.3s;width:100%}div.panel.show{margin:2px 0 4px;max-height:500px;opacity:1;padding:8px 12px}