1. ホーム
  2. jquery

[解決済み] jqueryのIf else文はどのように書くのですか?

2022-03-07 21:21:20

質問

このコードはfrm01を表示しています。

$(document).ready(function() {
$("#reg").click(function () {
$("#frm01").show("slide", { direction: "down" }, 1000);
});
});

しかし、frm01がすでに表示されている場合は非表示にしたいですし、その逆も同様です。 どうしたらいいでしょうか?

解決方法を教えてください。

jQueryの toggle() メソッドを使用します。

$(function() {
    $("#reg").click(function () {
        $("#frm01").toggle(1000);
    });
});

jQueryを使わなくてもif-else文は使えます。

$(function() {
    $("#reg").click(function () {
        if ($("#frm01").is(":visible"))
            $("#frm01").slideUp(1000);
        else
            $("#frm01").slideDown(1000);
    });
});