title: ToggleClass() jQuery is not working only on Safari
body: <p>I have got one small hope obstacle.
  When I click on the menu button it doesn't show the navigation (nav), but ONLY in Safari browser. In all browsers this code working properly. It is so tricky grrrr.</p>
  
  <p>Here is the code: 
  HTML</p>
  
  <pre><code> &lt;nav&gt;...&lt;/nav&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code> $('#menu-open').click(function () {
      $(this).toggleClass('open');
      $('.main-rhomboid').toggleClass('hide');
      $('nav').toggleClass('visible');
      $('body').toggleClass('overflow');
  });
  </code></pre>
  
  <p>Css:</p>
  
  <pre><code>.visible{
  display: block;
  opacity: 1;}
  
  nav{position: absolute;
  z-index: 102;
  width: 100%;
  height: 100vh;
  opacity: 0;
  transition: opacity 4s;
  background-color: $accent-blue;
  display: none;
  border: 10px solid $accent-yellow;
  box-sizing: border-box;}
  </code></pre>