无法使用jQuery可靠地隐藏和显示元素

document.getElementById("elementId").style.display = "none";

document.getElementById("elementId").style.display = "block";

var element = document.getElementById("elementId");
var isHidden = false;

function toggleElement() {
  if (isHidden) {
    element.style.display = "block";
    isHidden = false;
  } else {
    element.style.display = "none";
    isHidden = true;
  }
}

.hide {
  display: none;
}

var element = document.getElementById("elementId");

function hideElement() {
  element.classList.add("hide");
}

function showElement() {
  element.classList.remove("hide");
}