jquery show hide

JavaScript
$("#hide").click(function(){
  $("p").hide();
});

$("#show").click(function(){
  $("p").show();
});   $(document).ready(function() {
    $("#btnshow").click(function() {
      $("#imgshow").slideToggle();
    });
  })
<div id="main"> 
  <p> Hide/show this div </p>
</div>

('#main').hide(); //to hide

// 2nd way, by injecting css using jquery
$("#main").css("display", "none");.hide()
Source

Also in JavaScript: