main.js
var cd = $(".box").find("[data-cat='cd']");
var oo = $(".box").find("[data-cat='oo']");
cd.show();
oo.hide();
function showOwnerOperators() {
cd.hide();
oo.show();
}
function showCompanyDrivers() {
oo.hide();
cd.show();
}
index.html
<div class="box box--1">
<p data-cat="cd">Company Drivers 1</p>
<p data-cat="oo">Owner Operators 1</p>
</div>
<div class="box box--2">
<p data-cat="cd">Company Drivers 2</p>
<p data-cat="oo">Owner Operators 2</p>
</div>
<button onclick="showCompanyDrivers()">Company Drivers</button>
<button onclick="showOwnerOperators()">Owner Operators</button>