Modally is a jQuery plugin created to handle nested modals (modals opened from another modal). The plugin is lightweight and simple to configure. If you need to you can adopt the look to your needs using custom CSS styles.
2. Plugin Overview
|Dependencies||jQuery 1.3.1 or Latest version|
3. How to install and use Modally jQuery plugin
Follow these steps in order to install Modally jQuery plugin.
1. Load jQuery and Modally JS files into your HTML page:
2. After including all asset files create nested modals using the following structure:
3. The final step is to initialize all modals using modally library:
modally plugin after initialization will handle opening and closing selected modals, ensuring that only the one modal will be sharp and others will stay blurred.
In this article, we presented modally jQuery plugin that you can use if your application or website using nested modals. The plugin keeps only one modal readable others will be blurred on the background.