How to hide a div with jQuery?

Solution 1:

$('#myDiv').hide();

$('#myDiv').slideUp();

$('#myDiv').fadeOut();

$("#myDiv").hide();

will set the css display to none. if you need to set visibility to hidden as well, could do this via

$("#myDiv").css("visibility", "hidden");

or combine both in a chain

$("#myDiv").hide().css("visibility", "hidden");

or write everything with one css() function

$("#myDiv").css({
  display: "none",
  visibility: "hidden"
});