Skip to main content

Hide or show Elements in HTML Using JavaScript and Css

 Hide or show Elements in HTML Using JavaScript and Css


Steps :-

  • For This Firstly create a .hidden class where the css display property is set to "none".
  • 
    <style>
      .hidden{
        display:none;
      }
    </style>
    
    
  • Then Using JavaScript we will toggle (add / remove) the hidden class from the element. So that results hiding and showing of the div/any other  element.
  • Creating a JavaScript function to hide/show elements.
  • 
    
    <script>
      function hideunhide(a){
        document.querySelector(a).classList.toggle('hidden');
      }
    </script>
    


Share this

Comments

Random Posts