在ipad上悬停div问题

Question

我已经完成了一个基于CSS的工具提示，它的工作台桌面很棒。但是，当我在ipad中测试时，它会中断。

在ipad中，它不是悬停，而是点击，这很好，我可以看到div加速了。

但问题是我怎么能关闭/删除/隐藏盒子（没有关闭按钮，因为主要的想法是让盒子悬停）。我想到如果我触摸屏幕的某个地方，那么盒子就会被删除。但它不会那样工作。

HTML code：

<div class="options">

  <label class="control control--checkbox info">Directional
    <input type="checkbox">
    <div class="control__indicator"></div>

    <div class="tooltip-container">
      <h4>Directional</h4>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacus libero, accumsan sed magna vitae, suscipit tincidunt tellus. Maecenas ut purus interdum,

      </p>
    </div>
    <span class="infocon"></span>
  </label>

</div>

以下是演示：https://jsfiddle.net/denc2hxt/

非常感谢任何帮助。