Site Mask

The style guide provides a utility that you can use to show and hide a site mask. The mask is set to close when you click on the mask. The following methods are available on the site mask.

dk.siteMask.show();
dk.siteMask.hide();
dk.siteMask.toggle();

When you call a method that shows the mask it checks to see if the mask element is already on the page. If the site mask element is not on the page the script creates the element. If you would like to manually create or destroy the element. The following methods are available.

dk.siteMask.create();
dk.siteMask.destroy();

Unique Mask

If you find yourself running into conflict with other functions that are making use of the global mask. You can use the unique mask functionality provided by the global style guide. All of the same methods are available to you from the normal site mask. The benefit is a uniquely created mask with the the ID you passed as the argument.

dk.uniqueSiteMask("someUniqueString").show();
dk.uniqueSiteMask("someUniqueString").hide();
dk.uniqueSiteMask("someUniqueString").toggle();