enltr xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#"http://www.w3.org/1999/xhtml/vocab/////////////////Hide content and elements on your page | BitsyCodehttps://www.bitsycode.com/methods/effects/hideHide content and elements on your page | BitsyCode Hide content and elements on your page | BitsyCode html not-front not-logged-in no-sidebars page-node page-node- page-node-33 node-type-page
BitsyCode Logo
Sign InRegister 

Hide content and elements on your page

container
  1. home
    2. ›
  2. methods
    3. ›
  3. hide

.hide()

Description: Hide content and elements with this simple hide method, like the .show() method, it's nothing fancy just old school JavaScript.


Example:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>hide example</title>
  <script src="http://code.bitsycode.com/bitsycode-latest.min.js"></script>
</head>
<body>
 
<p>This paragraph will be hidden.</p>
 
<script>
  bitsyCode( "p" ).hide();
</script>
 
</body>
</html>

Preview:

You can hide this P, using the hide button below

Share

Developed and built with passion and commitment.
Maintained by the bitsycode team.