html下拉菜单怎么对应切换内容

1、点击下拉内容能切换显示。

2、下拉内容显示时，点击页面非下拉内容块隐藏当前显示的下拉内容。

3、当前内容显示，点击其他的下拉按钮，当前内容隐藏新点击的下拉内容显示。

<button id="btn1">按钮1</button><button id="btn2">按钮2</button><br />

<textarea id="txt1"></textarea>

<script>

btn1.onclick=()=>txt1.value="文本内容1"

btn2.onclick=()=>txt1.value="文本内容2"

</script>

---