In a unique JavaScript function I've developed, the my-content-section-visible class is removed and replaced with my-content-section-hidden. This change is being made to hide a particular div using a smooth transition effect.
The transition itself is working perfectly as intended. However, there seems to be an issue where even after the div has become completely invisible, the cursor still detects links within the content for a few extra seconds. This could potentially create confusion for the end user.
I'm wondering what might be causing this delay in detecting the invisibility of the div. Is there an alternative style or method that I can use other than "visibility:" to avoid this problem? From my knowledge, changing the display property doesn't seem to work in this scenario.
.my-content-section-visible{
visibility: visible;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
/* Some additional styles defined here */
}
.my-content-section-hidden{
visibility: hidden;
}
Any suggestions or insights on how to resolve this issue would be greatly appreciated. Thank you.