xxxxxxxxxx1
Student Name2
<a class="btn-floating btn-sm on btnAttendance" 3
onClick="javascript: toggle(this);">4
<span class="mx-auto">A</span>5
</a>6
<a class="btn-floating btn-sm off btnAttendance" 7
onClick="javascript: toggle(this);">8
<span class="mx-auto">L</span>9
</a>10
<a class="btn-floating btn-sm off btnAttendance" 11
onClick="javascript: toggle(this);">12
<span class="mx-auto">...</span>13
</a>xxxxxxxxxx1
.btnAttendance.on {2
3
background-color: blue;4
}5
.btnAttendance.on>span{color: white;}6
.btnAttendance.off>span{color: black;}7
.btnAttendance.off {8
9
background-color: white;10
}11
12
.btnAttendance {text-align:center;font-size:16pt;font-weight:bold;}xxxxxxxxxx1
function toggle(btn) {2
$(btn).switchClass("on","off");3
} Console errors: 0