如何寫jquery If else語句？

Question

此代碼顯示frm01：

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

但我想隱藏frm01如果是媒體鏈接可見，反之亦然。 我怎麼可以這樣做？

Answer 1

嘗試jQuery的toggle()方法：

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

您不需要jQuery的使用if-else語句;使用Javascript實現這些原生...

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

Answer 2

試試這個：

$(document).ready(function() { 
    $("#reg").click(function() { 
    if ($("#frm01").is(':hidden')) { 
     $("#frm01").show("slide", { direction: "down" }, 1000); 
    } else { 
     $("#frm01").hide(1000); 
    } 
    }); 
}); 

Answer 3

$("#reg").on('click', function() { 
    $("#frm01:hidden").show("slide", { direction: "down" }, 1000); 
    $("#frm01:visible").hide("slide", { direction: "up" }, 1000); 
    }); 

或

$("#reg").toggle(
    function() { 
     $("#frm01").show("slide", { direction: "down" }, 1000); 
    }, 
    function(){ 
     $("#frm01").hide("slide", { direction: "up" }, 1000); 
    } 
); 

也應該努力

Answer 4

您可以使用$ .toggle（）方法來顯示和隱藏。有時需要確定元素是隱藏還是顯示。

$("#reg").click(function() { 
if($("#frm01").hasClass('fram1-slide-on')){ 
    $("#frm01").hide(); 
    $("#frm01").removeClass('fram1-slide-on'); 
} else { 
    $("#frm01").show("slide", { direction: "down" }, 1000); 
    $("#frm01").addClass('fram1-slide-on'); 
} 

}）;