jQuery: How to bind an event for the div when it becomes visible?

Question

I\'ve got a div element:

Tab data

.

How to bind a custom event when this div becomes visible (gets displa

Answer 1

Have the event always bound to the div, but inside the event, do something like the following:

if($(self).is(":visible")){
    // Implement your code
}

Now your event will only be triggered if the element is visible to the user.