title: Display hidden buttons using JavaScript or CSS
body: <p>I have a single page theme created from scratch. I have One Main button and three sub-buttons in my page something like this</p>
  
  <p>Home (displayed in the page)</p>
  
  <pre><code> -New york (hidden)
   -Florida.(hidden)
   -Miami. (hidden)
  </code></pre>
  
  <p>What I want is if a client clicks home button it should display hidden buttons .</p>
  
  <p>How can I accomplish that?</p>
  
  <p>Thank you all for your supports, I found the solution:</p>
  
  <pre><code>&lt;code&gt;
  &lt;script&gt;
  $(document).ready(function(){
  
      $("#home_btn").click(function(){
          $("#hidden").show();
  
      });
  });
  &lt;/script&gt;
  
  
  
  &lt;button onClick = "this.style.visibility= 'hidden';" id="home_btn"&gt;home&lt;/button&gt;
  
  &lt;div id="hidden"&gt;
  &lt;button&gt;Newyork&lt;/button&gt;
  &lt;button&gt;Florida&lt;/button&gt;
  &lt;button&gt;Miami&lt;/button&gt;
  &lt;/div&gt;
  
  
  #hidden{
      display: none;
  }
  
  &lt;/code&gt;
  </code></pre>