How to load div after button click and hide on page load while page is laoded on every click.

See more:

jQuery

Hi,
I face a problem. I have two button "Show Selected" and "Show All". when my page is loaded then "Show Selected" is visible and "Show All" is hide. now i want when i click on "Show Selected" then "Show all" is visible. Now Problem is Every time on click of "Show Selected" page is loaded. How i fix that.

Thanks

Here Is my Code

 @using (Html.BeginForm())
{
              @Html.ValidationSummary(true, "", new { @class = "alert-danger" })
            <div class="serchfield-container">           
                <div class="main-button2" >
                  
                    <div class="imageHolder" id="undo">
                        <a href=" #" id="btnundo" name="btnundo" class="hint--top" data-hint=" Show All">
                            <img src="/Content/images/undo.png" alt="" title="">
                        </a>
                    </div>                  
                    <div id="divbtn">                      
                        <div class="imageHolder">
                            <a href="#" id="btnselected" name="btnselected" class="hint--top" data-hint=" Show Selected">
                                <img src="/Content/images/selected.png" alt="" title="">
                            </a>
                        </div>    
 </div>    
} 

here is my Jquery Code

<script>
         $(document).ready(function () {
             $('#undo').css({ "display": "none" })
 $("#btnselected").click(function () {
           var txt = "Selected";
           GetCheckedRecord();
           if (checkval.length > 1) {
               $.post('/NewResult/ShowSelectedID/', $.param({ Ids: checkval, btn: txt }, true), function (data) {
                   window.location.href = '@Url.Action("Index", "NewResult")';
               });
               Show_Div(txt);
           }
           else
               alert('Please select Records First.');
       });

       });

 function Show_Div(btn) {
           if (btn === "Selected") {
               $('#undo').css({ "display":"block" })
           }
           else {
               $('#undo').css({ "display": "none" })
           }
       }
   </script>