<ul class="accordion">
    <li>
        <div class="accordionButton">
            <a href="#">Titulo</a>
        </div>
        <div class="accordionContent">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem inventore illum corporis! Natus corrupti quaerat sapiente impedit ut magnam ipsam fugiat quisquam, recusandae odio enim officiis, ea eos assumenda ratione consequuntur id sint dolorum eaque amet, commodi! Sint praesentium tempora, quibusdam ea modi. Unde, animi. Magni assumenda perspiciatis animi sapiente ad labore provident voluptatum velit tempora fuga quam eum sed, doloribus sint aspernatur omnis architecto itaque sit consequatur quo eos laborum voluptates, blanditiis similique. Praesentium fugiat quisquam maxime, assumenda eveniet maiores incidunt. Omnis ea repellendus commodi suscipit rerum, dignissimos ipsa facere non eius maxime consectetur cumque aperiam sunt, sit impedit!</p>
        </div>
    </li>
    <li>
        <div class="accordionButton">
            <a href="#">Titulo</a>
        </div>
        <div class="accordionContent">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit vitae architecto saepe earum, alias enim, incidunt, laborum corporis obcaecati, cupiditate eum ipsa sunt possimus nobis! Non ullam ipsum in nihil rem illum earum exercitationem, cumque adipisci excepturi dignissimos, odit qui eius modi ab sunt voluptatum eveniet iure deserunt nulla? Tenetur ad, dolore, nemo voluptatibus saepe magni! Ducimus provident at praesentium molestiae perferendis excepturi impedit. Enim totam esse, quibusdam nulla, eos molestias, tempora eaque praesentium optio ex rem provident perferendis minima saepe quas. Dolorem autem quo delectus inventore accusamus aperiam repellendus fugiat, id, quae libero, commodi aspernatur dolorum, repellat unde rem!</p>
        </div>
    </li>
    <li>
        <div class="accordionButton">
            <a href="#">Titulo</a>
        </div>
        <div class="accordionContent">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores natus nobis tempora officiis velit nihil sequi iste accusantium, enim ex unde veritatis nesciunt pariatur tenetur atque, est rem tempore consequatur rerum nostrum similique quos. Aliquam praesentium porro, quam labore libero numquam suscipit facilis voluptatem odio obcaecati, eum cumque. Laboriosam odio libero quasi explicabo ad dicta totam et eum qui, optio est maxime, at repudiandae eius impedit provident perferendis? Quod, veniam. Minima odit possimus error amet, doloribus dignissimos eos. Dolore dolorem inventore possimus adipisci ab autem similique sed sint veniam, hic ullam quaerat ea quisquam nam eius minima voluptates culpa, assumenda.</p>
        </div>
    </li>
    <li>
        <div class="accordionButton">
            <a href="#">Titulo</a>
        </div>
        <div class="accordionContent">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis vel accusamus ipsam est, aperiam non quis repellat maiores inventore ipsa esse ipsum at nostrum quasi similique provident et! Sint asperiores dolor, temporibus quaerat eum officiis? Unde perferendis maxime aliquam quidem nesciunt nemo animi adipisci eligendi, repellat itaque dolorem quibusdam distinctio possimus pariatur totam nihil quam, quia excepturi iste. Iusto blanditiis aut temporibus. Illo qui, officia asperiores ipsum molestias dolor quidem iure sint, hic ut cumque iste veritatis est nihil obcaecati tenetur aut rem dolores beatae ipsam fugiat, laborum magnam rerum! Praesentium, quibusdam doloribus commodi quisquam repellat molestias ratione. Animi, facere!</p>
        </div>
    </li>
  </ul>