title: Transition delay for links is more than the content
body: <p>In a custom javascript function, I remove <strong>my-content-section-visible</strong> and add <strong>my-content-section-hidden</strong> class to disappear the div with a <strong>transition</strong>.  </p>
  
  <p>This transition works as intended. But the cursor still detects the links in the content for 2-3 seconds more after the div is totally invisible. This might be confusing for the end user. </p>
  
  <p>What would be the reason for this? Can I use other style than "visibility:" for less problem? AFAIK display doesn't work in this condition.</p>
  
  <pre><code>.my-content-section-visible{
      visibility: visible;
      -webkit-transition-duration: 400ms; 
      transition-duration: 400ms;
      /* Several other styles here */
  }
  
  .my-content-section-hidden{
      visibility: hidden;
  }
  </code></pre>
  
  <p>Thanks.</p>