【JavaScript】safariでclickイベントが発生しない？

safariで、一部クリックしても動作しない部分があった。

調べてみると、divタグやpタグでのclickイベントが動作していない模様。

対策までの一部始終をメモしておく。

問題のあったコード

まず、問題のコードは以下の通り。

HTML
：
<p class="button open">OPEN</p>
<div class="close">
  ：
</div>
：

CSS
.close {
  display: none;
}

Javascript(jQuery)
$(document).on("click", ".button", function(){
  $('.button .close').show();
});

OPENをクリックすると、divの内容が表示される仕組み。
でもsafariだと動かない…。

対策

すごく簡単なことだけど、CSSに以下を追記すればいけた。

CSS
.close {
  display: none;
  cursor: pointer;
}