meta data for this page
  •  

Classes

<HTML> <style> button.accordion {

  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  font-weight: bold;
  transition: 0.4s;

} button.accordion.active, button.accordion:hover {

  background-color: #7c9f22;
  color: #000000;

} div.panel {

  padding: 0 18px;
  display: none;
  background-color: white;

} .accordion:after {

content: '\02795'; /* Unicode character for "plus" sign (+) */
font-size: 13px;
color: #777;
float: right;
margin-left: 5px;

} .active:after {

content: "\2796"; /* Unicode character for "minus" sign (-) */

} </style>

<button class=“accordion”>View / Edit Classes</button> <div class=“panel”> <p>

<ul>
  <li><a href="http://www.attendance-tracking.com/docs/doku.php/accuclass/manual/classes/new-class">Create / Edit Classes</a></li>
  <li><a href="http://www.attendance-tracking.com/docs/doku.php/accuclass/manual/classes/department">Create / Edit Departments</a></li>
  <li><a href="http://www.attendance-tracking.com/docs/doku.php/accuclass/manual/classes/semester">Create / Edit Semesters</a></li>
  <li><a href="http://www.attendance-tracking.com/docs/doku.php/accuclass/manual/classes/classroom">Create / Edit Classrooms</a></li>
</ul>

</p> </div>

<button class=“accordion”>Instructors</button> <div class=“panel”> <p>

<ul>
  <li><a href="http://www.attendance-tracking.com/docs/doku.php/accuclass/manual/classes/instructor">Create/Assign/Edit Instructor</a></li>
</ul>

</p> </div>

<button class=“accordion”>Weekly Schedules</button> <div class=“panel”> <p>

<ul>
  <li><a href="http://www.attendance-tracking.com/docs/doku.php/accuclass/manual/classes/weekly-schedule">Create / Edit Weekly Schedule</a></li>
</ul>

</p> </div>

<button class=“accordion”>Notifications</button> <div class=“panel”> <p>

<ul>
  <li><a href="http://www.attendance-tracking.com/docs/doku.php/accuclass/manual/classes/notifications">Create / Edit Notifications</a></li>
</ul>

</p> </div>

<script> var acc = document.getElementsByClassName(“accordion”); var i;

for (i = 0; i < acc.length; i++) {

  acc[i].onclick = function(){
      this.classList.toggle("active");
      var panel = this.nextElementSibling;
      if (panel.style.display === "block") {
          panel.style.display = "none";
      } else {
          panel.style.display = "block";
      }
  }

} </script>

</HTML>


Previous Article - Introduction to AccuClass | Table of Contents | Next Article: Students