Untitled

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <table>
            <tr>
                <th>Titre 1</th>
                <th>Titre 2</th>
            </tr>
            <tr>
                <td><button class="btn-secret">afficher</button></td>
                <td><div class="secret" style="display: none">ton contenu</div></td>
            </tr>
            <tr>
                <td><button class="btn-secret">afficher</button></td>
                <td><div class="secret" style="display: none">ton contenu</div></td>
            </tr>
            <tr>
                <td><button class="btn-secret">afficher</button></td>
                <td><div class="secret" style="display: none">ton contenu</div></td>
            </tr>
            <tr>
                <td><button class="btn-secret">afficher</button></td>
                <td><div class="secret" style="display: none">ton contenu</div></td>
            </tr>
        </table>
        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
        <script type="text/javascript" >
            $(document).ready(function () {
                $(document).on("click", ".btn-secret", function () {
                    $(this).closest("tr").find(".secret").show();
                });
            });
        </script>
    </body>
</html>