.accordiontajamar { background-color: #33F0FF; color: #FFFFFF; cursor: pointer; padding: 12px; width: 100%; border: 1px solid; text-align: left; outline: none; font-weight:bold; font-size: 18px; font-family: Helvetica,Verdana,Arial; transition: 0.4s; } activado,.accordiontajamar:hover { background-color:#33FF49; font-weight:bold; color:#EEF3EC; } .accordiontajamar:after { content: '002B'; color: #777; font-weight: bold; float: right; margin-left: 5px; } .activado:after { content: "2212"; } .paneltajamar { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .thumbnailtajamar { border: 2px solid #ddd; border-radius: 4px; padding: 5px; border-color:#1F2D5E; width: 100%; height: auto; } .titulotajamar { border:none; width: 100%; max-width: 400px; height: auto; } Grupos Presenciales Mañana 2°Medio Grupos Presenciales Mañana 3°Medio Grupos Presenciales Mañana 4°Medio Grupos Presenciales Tarde 7°Básico Grupos Presenciales Tarde 8°Básico Grupos Presenciales Tarde 1°Medio Grupos Presenciales Tarde 2°Medio <script> var acc = document.getElementsByClassName("accordiontajamar"); var i; for (i = 0; i