JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fieldreplace" align="center"><a name="vsfield"></a><strong>Win Rates vs. Field</strong>
    <br/>
<a data-region="fieldmatch">Match</a> - <a data-region="fieldgame1">Game 1</a> -
    <a
    data-region="fieldgame2">Game 2</a>- <a data-region="fieldgame3">Game 3</a>

        <table style="text-align: center;"
        width="60%" border="2" cellspacing="2" cellpadding="2" align="center">
            <colgroup>
                <col width="40%" />
                <col width="20%" />
            </colgroup>
            <tbody>
                <tr>
                    <td height="20"><strong>Deck Type</strong>
                    </td>
                    <td><strong>W - L</strong>
                    </td>
                </tr>
                <tr>
                    <td height="20">Agents</td>
                    <td>
                        <div class="fieldmatch" id="fieldmatch">2-5</div>
                        <div class="fieldgame" id="fieldgame1">1-6</div>
                        <div class="fieldgame" id="fieldgame2">6-1</div>
                        <div class="fieldgame" id="fieldgame3">2-5</div>
                    </td>
                </tr>
                <tr>
                    <td height="20">Chain Burn</td>
                    <td>
                        <div class="fieldmatch" id="fieldmatch">3-2</div>
                        <div class="fieldgame" id="fieldgame1">3-2</div>
                        <div class="fieldgame" id="fieldgame2">1-4</div>
                        <div class="fieldgame" id="fieldgame3">3-1</div>
                    </td>
                </tr>
                <tr>
                    <td height="20">Dark World</td>
                    <td>
                        <div class="fieldmatch" id="fieldmatch">3-9</div>
                        <div class="fieldgame" id="fieldgame1">4-8</div>
                        <div class="fieldgame" id="fieldgame2">6-7</div>
                        <div class="fieldgame"...

CSS

.fieldgame {
    display:none;
}

JavaScript

$(document).ready(function () {
    $('.fieldreplace a').click(function () {
        $('#fieldmatch, .fieldgame').hide();
        var region = $(this).data('region');
        $('#' + region).show();
    });
});