установить div в нет отображать Java-скрипт

Question

я работаю над mvc asp, у меня очень простой div, я хочу скрыть их, проблема в том, что он скрывает это, но он снова показывает, почему это произошло ??? это мой код плз смотреть видео, чтобы знать, о чем я говорю https://www.useloom.com/share/52a0bc2703294bb58f475ae40bcc7d4b

        $("#myHref").on('click', function () {
            document.getElementById("PatientEdit").style.display = "none";
            var y = document.getElementById("UsersList");
            var z = document.getElementById("UsersEdit");
           
            y.style.display = "none";
            z.style.display = "none";
            console.log("Hello world!");
           //alert("inside onclick menu.js ");
        });
      

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

  <a href="http://localhost:65043/Patients" id="myHref">Patiens</a>
<div class="container-fluid">
        <div id="PatientEdit">PatientEdit</div>
        <div id="UsersList">UsersList</div>
        <div id="UsersEdit">UsersEdit</div>
</div>

Answer 1

Хорошо, так что вам нужно изменить эту часть <a href="#0" id="myHref">Patiens</a> Ваша ссылка <a href="http://localhost:65043/Patients" id="myHref">Patiens</a> перенаправляет и загружает страницу заново.

$("#myHref").on('click', function() {
  document.getElementById("PatientEdit").style.display = "none";
  var y = document.getElementById("UsersList");
  var z = document.getElementById("UsersEdit");

  y.style.display = "none";
  z.style.display = "none";
  console.log("Hello world!");
  //alert("inside onclick menu.js ");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a href="#0" id="myHref">Patiens</a>
<div class="container-fluid">
  <div id="PatientEdit">PatientEdit</div>
  <div id="UsersList">UsersList</div>
  <div id="UsersEdit">UsersEdit</div>
</div>

Answer 2

Попробуйте это:
$(this).find("#PatientEdit").css("visibility", "hidden"); $(this).find("#PatientEdit").css("visibility", "visible");

Answer 3

Извините, если вы уже пробовали это, но если нет, возможно, это может работать?

$(“#PatientEdit”).hide();
$(“#UsersList”).hide();
$(“#UsersEdit”).hide();