He estado intentando agregar un botón de "ver más" pero no consigo que funcione ninguno de los que he probado hasta ahora, esté es mi HTML:
//En el primer "ver más" se aprecia que hay una función en el onclick, es esta:
function showMore() {
document.getElementsByClassName("texto-oculto").style.visibility = "visible";
}
.contenido-oculto {
visibility: hidden;
}
<div id="proyectos-size">
<div class="proyectos-content">
<ul id="proyectos-list">
<l1>
<h2 class="proyectos-title">Sectores</h2>
</l1>
<li>
<h3>Industrial</h3>
<div id="pic-ind" alt="Sector Industrial Fotovoltaico"></div>
<p>Actualmente México vive una serie de reformas estructurales que hacen que la industria en México se transforme con raídez. Es aquí donde se crea la pauta para que las industrias inviertan en la reparación y modernización de sus instalaciones y
encuentren un estímulo para generar su propia energía.<br>
<a href="#proyectos-size" onclick="showMore()">Ver más</a></p>
<div class="texto-oculto">hdsafligsdflgasldgfalisgfilasdugfoulaisgyf</div>
</li>
<li>
<h3>Comercial</h3>
<div id="pic-com" clat="Sector Comercial Fotovoltaico"></div>
<p>Nuestros servicios en el sector comercial van enfocados a las pequeñas y medianas empresas (PyMEs) que buscan un proveedor de servicios confiable, de respuesta inmediata y costeable, para hacer reparaciones, remodelaciones en sus instalaciones
o reducir la facturación eléctrica a travez de proyectos de energías renovables o instalación de subestaciones.<br><a href="">Ver más</a></p>
</li>
<li>
<h3>Residencial</h3>
<div id="pic-res" alt="Sector Residencial Fotovoltaico"></div>
<p>Nuestros servicios en el sector residencial van enfocados a los hogares que por su ritmo de vida requieren estar en perfectas condiciones, donde la finalidad es mantener en buen estado el inmueble, generar ahorros instantáneos, obteniendo beneficios
económicos durante la vida útil de las instalaciones y evitar daños al medio ambiente convirtiéndolos en hogares sustentables y autosuficientes.<br><a href="">Ver más</a></p>
<div class="contenido-oculto>Contenido que se supone no debería ser apreciable hasta dar click en ver más</div>
</li>
</ul>
</div>
</div>
De nuevo, no se que estoy haciendo mal, tratando de implementar algunos ejemplos de codepen.io tampoco funcionó.