Javascript 如何制作一个按钮，当按下按钮时，按钮将消失并显示一个新的div

有人能帮我做一个按钮吗？当按下按钮时，按钮会消失并显示一个新的div， 我还是一个初学者，不太懂JavaScript，而且我还没有做按钮， 我使用bootstrap：

[来自此]

[对此]

---

您想要类似的东西吗

点击链接按钮“显示更多”

$（'.show_more'）。在（'click'，函数（事件）{
event.preventDefault（）；
$（'.ctg-type-link.hide'）.removeClass（'hide'）；
$（this.addClass（'hide'）；
});
.ctg类型{
显示器：flex；
弯曲方向：立柱；
背景颜色：浅灰色；
}
.给你看更多{
颜色：绿色；
}
.隐藏{
显示：无；
}
这里有一个javascript函数，用于通过单击按钮隐藏按钮



$（文档）.ready（函数（）{
$（“#隐藏”）。单击（函数（）{
$（“按钮”）.hide（）；
});
});
如果你点击“隐藏”按钮，它将消失

隐藏
您想用单击的值展开div吗？您能更清楚一点吗？@sergeykuznetsovyes@BerkeKaanCetinkaya像这样谢谢你的帮助伙计现在问题解决了：）
<div class="ctg-type">
    <a class="ctg-type-link" href="">Pakaian Wanita</a>
    <a class="ctg-type-link" href="">Atasan</a>
    <a class="ctg-type-link" href="">Outwear</a>
    <a class="ctg-type-link" href="">Dress</a>
    <a class="ctg-type-link" href="">Jumpsuit & Overall</a>
    <a class="ctg-type-link" href="">Batik & Kebaya</a>
  </div>