How to hide on div and show another div in MVC

<script type="text/javascript">
        $(function () {
                tinymce.init({
                    //mode: "specific_textareas",
                    selector: '#mytextarea'
                //skin: 'red'
                });
              
        });
            $("#btnUpdate").click(function () {
                alert("button"); // Remove this line if it worked
                $("#tblMain").hide();
                $("#tblMainAlt").show();
            });
    </script>

<pre> <div id="tblMain" class="tableSpaced" style="width:auto;height:100%;margin-left:25px;">

<div id="tblMainAlt" class="tableSpaced" style="width:auto;height:100%;margin-left:25px;">

<input id="btnUpdate" type="submit" value="Update" class="html-button" onclick="location.href= '@Url.Action("UpdateEmailTemplate", "EmailTemplate");'" />

$("#btnUpdate").click(function () {
                alert("button"); // Remove this line if it worked
                $("#tblMain").hide();
                $("#tblMainAlt").show();
            });