Чтобы объединить два jQuery объекта вместе, вы можете использовать add()
:
const $johnRoster = $(".john-roster");
const $paulRoster = $(".paul-roster");
let $allTeams = $johnRoster.add($paulRoster);
$allTeams.on("click", function() {
$allTeams.slideDown(400);
});
Это, очевидно, предполагает, что вы уже выбрали их отдельно. Если это не так, вы можете просто использовать один селектор:
let $allTeams = $('.john-roster, .paul-roster');