.accordion {
\n background-color: #eee;
\n color: #444;
\n cursor: pointer;
\n padding: 18px;
\n width: 100%;
\n border: none;
\n text-align: left;
\n outline: none;
\n font-size: 15px;
\n transition: 0.4s;
\n}<\/p>\n
.active, .accordion:hover {
\n background-color: #ccc;
\n}<\/p>\n
.accordion:after {
\n content: ‘\u000002B’;
\n color: #777;
\n font-weight: bold;
\n float: right;
\n margin-left: 5px;
\n}<\/p>\n
.active:after {
\n content: \u00ab2212\u00bb;
\n}<\/p>\n
.panel {
\n padding: 0 18px;
\n background-color: white;
\n max-height: 0;
\n overflow: hidden;
\n transition: max-height 0.2s ease-out;
\n}<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n