如何使用具有不同ID的相同功能和使用相同功能的按钮

Question

我正在使用以下代码：

以下是导航的HTML：

<li><a href="#" id="showOpenWindow">Open... <p class="shortcut">(Ctrl + O)</p></a></li>

这是带有按钮的窗口：

  <div class="panel panel-default ui-draggable" style="visibility: hidden" id="openDocument">
<div class="panel-heading ui-draggable-handle" id="openDocumentHandle">Open File <button class="btn btn-default btn btn-default btn-sm windowButtons" id="openDocumentClose"><i class="fa fa-close"></i></button></div>
<div class="panel-body">
  <form>
    <div class="form-group">
      <label for="filesToOpen">Choose File to Open</label>
      <select class="form-control" id="filesToOpen"></select>
    </div>
    <button type="button" class="btn btn-default btn-block" id="openBtn" onclick="filesystem.loadFloorplan()">Open File</button>
  </form>
</div>

这是JS部分：     var ui = new fp.FloorplanUI（myFloorplan，“ ui”，“ myFloorplan”，fp.GUI_STATE）;

function floorplanUIHideShow(id, div) {
  document.getElementById(id).addEventListener('click', function(e) {
    ui.hideShow(div);
    e.preventDefault();
  });
}

floorplanUIHideShow('showOpenWindow', 'openDocument', 'openDocumentClose');

每个id都有一个需要使用相同ui.HideShow（）;的按钮。功能。

我无法使它正常工作。

任何帮助都会很棒。

谢谢-