how to show a hidden element in jquery code example

Example 1: element is hidden jquery

// Checks CSS content for display:[none|block], ignores visibility:[true|false]
$(element).is(":visible");

// The same works with hidden
$(element).is(":hidden");

Example 2: jquery show hide

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

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

Example 3: hide show toggle

$(document).ready(function() {
    $("#btnshow").click(function() {
      $("#imgshow").slideToggle();
    });
  })

Tags:

Misc Example

Related