Display hidden buttons using JavaScript or CSS
<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>