Creating tabs on LearnCenter Design Page

Summary

Can't get tabs to display information in LC Design page

Content

I've created full page tabs on my home page using html, css and java script. The tabs are reactive, they change colors when clicked, etc, but the information assigned to each tab  appears to be hidden. The coding is below. Any suggestions?

HTML:

<button class="tablink" onclick="openPage('My Learning', this, '0875B1')">My Learning</button>
<button class="tablink" onclick="openPage('Development Opportunities', this, '0875B1')" id="defaultOpen">Development Opportunities</button>
<button class="tablink" onclick="openPage('Quick Search', this, '0875B1')">Quick Search</button>
<button class="tablink" onclick="openPage('My Team', this, '0875B1')">My Team</button>