multiple jquery nyromodal popups

[coderhut]

Hi, I have a question relating nyromodal jquery plugin. I want to show 3 nyromodal popups but only one at a time. Please see this code http://pastie.org/7702429 . Currently they all appears together. How can I do this one by one?

 

[bleured27]

<a href="showBadges1.php" class="nyroModal" style="display:none"></a>
<a href="showBadges2.php" class="nyroModal" style="display:none"></a>
<a href="showBadges3.php" class="nyroModal" style="display:none"></a>


<script>
$(document).ready(function() {

//how can I run associate above links to nyromodal one by one. That is next popup appears only if previous get disappeared.
        $('a.nyroModal').each(function(){
                $(this).nyroModal({ minWidth:500,minHeight:580, modal:true});
                $(this).trigger('click');
        });

)}
</script>

you should create a diffrend function for popup and change the class of each picture, becose it all have the same class the script activate all pictures to popup