Sho Hide text

by Emmanuel Garcia

HTML

<div>
  <a id="hide1" href="#hide1" class="hide">+ Show</a>
  <a id="show1" href="#show1" class="show">- Hide</a>
  <div class="details">
    In this calendar you will find the schedules of fantastic activities for children and adults in the kids club, the pool and the beach. If you have any questions about any activity do not hesitate to call us at extension 5321. We wish you a fun and enjoyable stay at Club Regina Puerto Vallarta.
  </div>
</div>

CSS

.details,
.show,
.hide:target {
  display: none;
}
.hide:target + .show,
.hide:target ~ .details {
  display: block;
}