Free programming examples and instructions

Show hidden control

Demo and code for how to show a hidden control in jQuery

by Athil

Posted on 09 May 2017 Category: jQuery Views: 1424

Edited on 10 Nov 2017


Hi, here I am going to show how to show a hidden control in jQuery.

By using Control type


By Using Control ID


By Using class name


Full Example

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <h1> Demo for showing hidden control in jQuery </h1>

    <h2 style="display:none;"> Hi Iam h2</h2>

    <button onclick ="showHiddenControl();"/>Show Hidden h2 </button>
    <input type="text" id="txt1" style="display:none;">
    <button onclick ="showhiddenbyid();">Show hidden by id </button>

    <input type="text" class="classname" style="display:none;"/>
    <button onclick ="showhiddenbyclassname();">Show hidden by class name </button><br/>
        <script type="text/javascript" src="js/jquery.min.js" >
        function showHiddenControl() {
   function showhiddenbyid()
        function showhiddenbyclassname()


Leave a Comment: