Expandable Section

<div class='hidden-section-container'>
  <div class='sh-section-btn'><span> Show ( Expand Me ) +  </span></div>
  <div class='h-section-cont shw-box'>
    <!-- All your text/html below this   -->

      <p>  WRITE YOUR TEXT HERE  </p>

    <!-- All your text/html above this -->
  </div>
</div>
<br/>
<hr/>





<br/>
<!--  CSS : this is a comment ( tuto website ) : https://www.stramaxon.com/2013/09/expandable-section-boxes.html -->
<style>
.hidden-section-container {
  background-color:rgba(209, 168, 237, 0.93);
  box-shadow:0 2px 6px rgba(0,0,0,0.2);
}

.sh-section-btn {
  font-size:18px;
  color:#b80000;
  text-shadow:1px 1px 0px rgba(0,0,0,0.2);
  padding:5px 10px;
  cursor:pointer;
}

.h-section-cont {
 padding:10px 10px;
 background-color:#d1a8ed;
 display:none;
}
</style>