Skip to content
This repository has been archived by the owner on Oct 30, 2022. It is now read-only.

With multiple modals close-animatedModals not working #54

Open
bho01 opened this issue May 7, 2017 · 4 comments
Open

With multiple modals close-animatedModals not working #54

bho01 opened this issue May 7, 2017 · 4 comments

Comments

@bho01
Copy link

bho01 commented May 7, 2017

I have 3 modals. close animated modal class works on the first one, but on the other two, it does not do anything

@harshakbari
Copy link

Did you change the class of the model.
For example, if your model is <div id="animatedModal2">
Your code should be to close the modal:

<div class="close-animatedModal2">
            <i class="fa fa-times" aria-hidden="true"></i>
 </div>

@anplusdre
Copy link

how to use multiple modal?

@mauabe
Copy link

mauabe commented May 20, 2019

The docs are not clear. To use multiple modals you need to create a new link:
id="link1" href="modalid". And the modal id should match id="modalid".
One more step, on the jquery script, you need to add the link id as $("#link1, #link2").animatedModal();
Here is a Codepen that has a good example: https://codepen.io/romswellparian/pen/JdbEvV

@reyontech
Copy link

Try this working fine.

$("#demo01").animatedModal({
modalTarget: 'animatedModal01'
});

$("#demo02").animatedModal({
modalTarget: 'animatedModal02'
});

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants