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