如何在knockout中引导具有点击功能的下拉式按钮

<button data-bind="click: toggleDropdown">展开</button>
<div data-bind="visible: isDropdownVisible">
  <!-- 下拉内容 -->
</div>

function DropdownViewModel() {
  var self = this;
  
  self.isDropdownVisible = ko.observable(false); // 控制下拉内容的可见性
  
  self.toggleDropdown = function() {
    self.isDropdownVisible(!self.isDropdownVisible()); // 切换下拉内容的可见性
  };
}

ko.applyBindings(new DropdownViewModel());