jQuery Forum

I am working on a lightbox effect for this page that has multiple modals, that is currently not working. I am still new to jQuery, so bear with me. I think the code is almost there, but I'm still not getting the syntax correct. Here is a link to the page:

Also, the code is minified, so here is the original .js file:

2. $(function() {
3. 
   
4.   /* Initiate lightbox for single modal---------
5.   $('.triggle').on('click', function(e) {
6.     e.preventDefault();
7.     $('div.modal').fadeIn(400);
8.     $('.overlay').fadeIn(400);
9.   });  */
10.    
11.   // Open modal triggered by specific anchor
12.  $('div.triggle').on('click', function(e) {
13.     e.preventDefault();
14.     var id = $(this).data('id');
15. 
    
16.     $('div.modal').data('id' === $(id)).fadeIn(400);
17.     $('div.overlay').fadeIn(400);
18. 
    
19.  });
20. 
    
21.   // Close Modal Window
22.   $('a.close').on('click', function(e) {
23.     e.preventDefault();
24.     $('.modal').fadeOut(800);
25.     $('.overlay').fadeOut(800);
26.   });
27. 
    
28. });

Casey Baggz