doAction( "show_overlay" )

doAction( "show_overlay", $overlay );

Fired after the background overlay was attached to the DOM and is currently fading-in.


(jQuery, required) The jQuery object of the overlay element.


// Apply a custom class to the overlay div.
DiviArea.addAction( 'show_overlay', function( overlay ){
    overlay.addClass( 'my-class' );


When this action is fired, the overlay is attached to the DOM and fully initialized. At this point, the fade-in animation has started; the duration of this animation can be changed via DiviAreaConfig.animateSpeed.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.