隐藏时，Bootstrap下拉列表仍然可以点击

Question

我在导航栏中创建了一个包含视频播放器的下拉列表，但是当我通过切换下拉按钮隐藏视频播放器时，我仍然可以点击隐藏的div元素。

因此，当我尝试浏览页面上的其他元素时，有时我会点击隐藏的div视频播放器。如何使droppable中的隐藏div元素不可点击？然后当我使用下拉列表显示元素时再次单击。

谢谢！

编辑：

我正在使用以下代码：

<a ng-cloak class="dropdown-toggle player-btn btn btn-large" data-toggle="dropdown">TOGGLE</a>
      <div class="dropdown-menu">
          <div style='position:relative;height:210px'>
              <div style='position:relative;height:210px'>
                  <div id="player"></div>
              </div>
          </div>
      </div>