更改bootstrap 4下拉菜单选项以在html中显示和隐藏div

<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
  选择选项
</button>
<div id="myDiv" style="display: none;">
  这是要显示/隐藏的内容
</div>

function toggleDiv() {
  var div = document.getElementById("myDiv");
  $(div).toggle();
}

<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" onclick="toggleDiv()">
  选择选项
</button>

<style>
.dropdown-toggle {
  position: relative;
  z-index: 1;
}
.dropdown-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 1;
}
</style>