Copyright © tutorialspoint.com
This method displays and returns element.
This method cannot display elements hidden via CSS stylesheets. Note that this is not a Prototype limitation but a consequence of how the CSS display property works.
element.show(); |
<html> <head> <title>Prototype examples</title> <script type="text/javascript" src="/javascript/prototype.js"> </script> <script> function hideElement(){ $('grandfather').hide(); } function showElement(){ $('grandfather').show(); } </script> </head> <body> <p>Click the button to see the result.</p> <div id="grandfather" >This is grand father <div id="father"> This is father. <div id="kid" >This is kid</div> </div> </div> <br /> <input type="button" value="Hide" onclick="hideElement();"/> <input type="button" value="Show" onclick="showElement();"/> </body> </html> |
To understand it in better way you can Try it yourself.
Copyright © tutorialspoint.com