如何在c#和ASP.NET核心中隐藏按钮并在单击其他按钮时显示这些按钮？

<button id="btn1" class="hidden">Button 1</button>
<button id="btn2" class="hidden">Button 2</button>
<button id="btn3" class="hidden">Button 3</button>

<script>
    $(document).ready(function () {
        $("#btnA").click(function () {
            $("#btn1").removeClass("hidden");
            $("#btn2").addClass("hidden");
            $("#btn3").addClass("hidden");
        });

        $("#btnB").click(function () {
            $("#btn1").addClass("hidden");
            $("#btn2").removeClass("hidden");
            $("#btn3").addClass("hidden");
        });

        $("#btnC").click(function () {
            $("#btn1").addClass("hidden");
            $("#btn2").addClass("hidden");
            $("#btn3").removeClass("hidden");
        });
    });
</script>

.hidden {
    display: none;
}