با سلام.

بوسیله javascript تمام div های صفحه بجز یکی را hide می کنم با کد زیر:

<script type="text/javascript">
    $(document).ready(function () {
        $("#home").show();
        $("#Payeha").hide();
        $("#CreatePaye").hide();
        $("#EditPaye").hide();
        $("#Foghbarname").hide();
        $("#CreateFoghbarname").hide();
        $("#EditFoghbarname").hide();
        $("#ShoareHafte").hide();
        $("#Slider").hide();
        $("#StudentRegister").hide();
        $("#TeacherRegister").hide();
        $("#CreateShoar").hide();
        $("#AddSlider").hide();
        
    });
</script>

حال وقتی روی یک لیتک کلیک شود باعث می شود که اون div فعال شود با کد زیر:

 if (d == "Payeh")
    {
        <script type="text/javascript">
        $(document).ready(function () {
        $("#home").hide();
        $("#Payeha").show();
        $("#ShoareHafte").hide();
        $("#Slider").hide();
        $("#StudentRegister").hide();
        $("#TeacherRegister").hide();
        $("#CreatePaye").hide();
        $("#EditPaye").hide();
        });
        </script>
    }

در اون div که طاهر شده است یک دکمه لغو گذاشتم که کد آن بصورت زیر می باشد:

 <form action="~/Admin/CreatePaye" method="post">
                                <div class="form-group">
                                    <label for="exampleInputEmail1"> نام پایه</label>
                                    <input type="text" class="form-control" id="exampleInputEmail1" style="height:40px;width:90%;" name="PayehName" >
                                </div>
                                
                                <button type="submit" class="btn btn-success">ثبت</button>
                                 <button type="submit" class="btn btn-success" formaction="~/Admin/GoToView?Item='Payeh'">لـــغو </button>
                            </form>

حال مشکلم اینجا است که وقتی روی دکمه لغو کلیک می کنم ، div با نام payeh ظاهر نمی شود و اون کدهایی که در ابتدای سؤالم نوشتم اجرا می شود.

لطفا راهنمایی کنید