javascript - 誰でもこれをjQueryに変換できますか?

Question

モーダル オーバーレイを利用するための次の JavaScript があります。これをjQueryに変換できますか?

  function overlay() {
    el = document.getElementById("overlay");
    el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";

Answer 1

function overlay() {
    var overlay = $('#overlay');
    if (overlay.css('visibility')==='hidden'){
        overlay.css('visibility', 'visible');
    } else {
        overlay.css('visibility', 'hidden');
    }
}

css() 関数の詳細については、http://api.jquery.com/css/を参照してください。

Answer 2

function overlay() {
    var el = $("#overlay");
    el.css("visibility",((el.css("visibility") == "visible")?"Hidden":"visible"));
}

Answer 3

function overlay() {
  el = $("#overlay");
  if(el.css('visibility')=='hidden') {
    el.css('visibility', 'visible');
  } else {
    el.css('visibility', 'hidden');
  }
}