JAVASCRIPT

hide show div using jquery

 // Correct way
$('#id').hide();
$('#id').show();

// Alternate way
$("#id").css("display", "none");
$("#id").css("display", "block");

jQuery hide() and show()

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

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

//syntax
//$(selector).hide(speed,callback);

//$(selector).show(speed,callback);

show hide element jquery

// note: use display: none
<div class="continuous" style="display: none"> </div> 

<script>
    $(document).ready(function() {
        $('#get_data_from_rxworks').click(function(e) {
            $('.continuous').show(100);  // show to UI when use display: none
		  //  $('.continuous').hide(100);  // hide()
        })
    });
</script>

hide a div in jquery

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

Show and Hide Content jQuery

jQuery(document).ready(function() {
  // Hide the extra content initially, using JS so that if JS is disabled
  jQuery('.rmContent').addClass('rmHide');

  // Set up the toggle.
  jQuery(".rmToggle").on("click", function() {
    jQuery(this).nextAll(".rmContent").toggleClass("rmHide");
  });

  jQuery("#showAbout").text("Show More").click(function(e) {
    e.preventDefault();
    jQuery(this).text(jQuery(this).text() == " Show Less ↑" ? " Show More ↓" : " Show Less ↑");
  });

});

jquery hide()

.hide()