使用JavaScript或CSS显示隐藏按钮

我有一个从零开始创建的单页主题。我的页面上有一个主按钮和三个子按钮，类似这样

主页（显示在页面中）

我想要的是，如果客户端单击home按钮，它应该显示隐藏的按钮

我怎样才能做到这一点

感谢大家的支持，我找到了解决方案：

<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>

$（文档）.ready（函数（）{
$（“#home_btn”）。单击（函数（）{
$（“#隐藏”）.show（）；
});
});
家
纽约
佛罗里达州
迈阿密
#隐藏的{
显示：无；
}

只需使用js添加类即可。 在css中

.db{
display: block;
}

在jQuery库的js中

$( ".yourSelector" ).addClass( "db" );

---

您可以使用JS建立，最初设置

display:none用于所有隐藏类，并设置
显示：块使用js单击主页按钮。
document.getElementById（“主页”）.addEventListener（“单击”，函数（）{
var hidden=document.getElementsByClassName（“隐藏”）；
对于（i=0；i

。隐藏{
显示：无；
}
主页
纽约
佛罗里达州
迈阿密
$（函数（）{
$（“#主页”）。单击（函数（）{
$（“#纽约”）.show（）；
$（“#佛罗里达”）.show（）；
$（“#迈阿密”）.show（）；
} )
})

家
1.
2.
3
像一个下拉菜单吗？@luminate\u Dev no不像一个下拉菜单，像这样，点击zagraj iphone，@JeffersonXMasonic:我们这里不使用[已解决的]标题修改。我们也喜欢在下面的答案框中填写自己的答案（虽然如果问题被搁置，我们通常会例外，因为没有新的答案可以添加）。谢谢你，它很有魅力，如果我想确保“主页”按钮在单击后消失，我该怎么办？@JeffersonXMasonic我添加了“单击后消失主页”按钮的代码片段“不工作”“单击后消失”，我不知道why@JeffersonXMasonic检查第二段，那就行了谢谢你的帮助我发现最简单的解决方案现在可以完美地满足我的要求了
$( ".yourSelector" ).addClass( "db" );