Как сохранить значение bool true / false в таблице базы данных с помощью jQuery при нажатии кнопки Показать / Скрыть

Question

Я хочу сохранить логическое значение True , если пользователь нажимает кнопку show , и логическое значение False , если пользователь нажимает кнопку hide с указанным id (первичный ключ) из вида

То, что я пытался это, но я не получаю ожидаемый результат

Кнопка

            <a href="" class="approve btn btn-default" data-id="@item.Id">Show</a> |
            <a href="" class="reject btn btn-default" data-id="@item.Id">Hide</a>

Код Jquery

$(function () {

    (".approve").click(function () {
        var selectedId = $(this).data("id");
        $.post("@Url.Action("ShowHide", "Home")", { id: selectedId, update: true });
        $(this).hide;
    });

    (".reject").click(function () {
        var selectedId = $(this).data("id");
        $.post("@Url.Action("ShowHide", "Home")", { id: selectedId, update: false });
        $(this).hide;
    });

});

Код контроллера

    [HttpPost]
    public bool ShowHide(int id, bool update)
    {
        var user = db.UserComments.Find(id);
        if (TryUpdateModel(user))
        {
            user.IsShow = update;
            db.SaveChanges();
            return true;
        }
        return false;

    }

Answer 1

Чтобы узнать, является ли объект видимым или невидимым, используйте функцию jQuery .is().

Пример:

$("#check").click(function() {
  // Use ":hidden" to check if something is hidden instead of visible
  if ($("div").is(":visible")) {
    $("span").text("Visible");
  } else {
    $("span").text("Hidden");
  }
});

$("#hide").click(function() {
  $("div").hide();
});
$("#show").click(function() {
  $("div").show();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>Hello</div>
<button id="show">Show</button>
<button id="hide">Hide</button>
<button id="check">Check</button><br> 
Check Result: <strong><span></span></strong>