To add an accordion to your site paste the following lines to your code.

<!-- Copy the following section into the code all the way to Stop Copying -->
<link href="_files/css/red_blue_accordion.css" rel="stylesheet" />
<!-- this is the RED opening paragraph -->
<div class="heading">
	<strong>WELCOME TO GAVILAN!</strong>
</div>
<div class="announcements">
	<p>Here are some announcements</p>
</div>

<button class="collapsible" type="button">YourTitle</button>
<div class="content"><br />
    <p>YourContentHere</p>
</div>
<button class="collapsible" type="button">YourTitle</button>
<div class="content"><br />
    <p>YourContentHere</p>
</div>
  
 <!-- This should be the very last lines of your file - all your content is above this -->
<script>// <![CDATA[
var coll = document.getElementsByClassName("collapsible");

for (var index = 0; index < coll.length; index++) {
  coll[index].addEventListener("click", function() {
    var buttonTop = this.getBoundingClientRect().top;
    var transitions = [];

    for (var panelIndex = 0; panelIndex < coll.length; panelIndex++) {
      var panel = coll[panelIndex].nextElementSibling;
      transitions.push(panel.style.transition);
      panel.style.transition = "none";
    }

    for (var otherIndex = 0; otherIndex < coll.length; otherIndex++) {
      if (coll[otherIndex] !== this) {
        coll[otherIndex].classList.remove("active");
        coll[otherIndex].nextElementSibling.style.maxHeight = null;
      }
    }

    this.classList.toggle("active");
    var content = this.nextElementSibling;
    if (content.style.maxHeight) {
      content.style.maxHeight = null;
    } else {
      content.style.maxHeight = content.scrollHeight + "px";
    }

    var offset = this.getBoundingClientRect().top - buttonTop;
    window.scrollBy({ top: offset, left: 0, behavior: "instant" });

    for (var restoreIndex = 0; restoreIndex < coll.length; restoreIndex++) {
      coll[restoreIndex].nextElementSibling.style.transition = transitions[restoreIndex];
    }
  });
}
// ]]></script>
<!-- Stop Copying here -->

------------- To add a new drop down, add this code below your last button

<button class="collapsible" type="button">YourTitle</button>
<div class="content"><br />
    <p>YourContentHere</p>
</div>

-------------------- this is the optional opening RED paragraph -----------