Cycle Plugin Malfunction

Cycle Plugin Malfunction

Im using the the jQuery Cycle Plugin and it's custom transitions to animate some <div>'s. For some reason only the first div will animate. Once it fades out the second div should fade in, but it doesn't. Once the cycle finished and returns to the first <div>, it animates properly and then continues to not fade the others.

Here is my animation code:

$('#featured-projects').cycle({
                fx: 'custom',
                pause: true,
                cssFirst: { 
                    left: 0,
                    opacity: 1
                },
                cssBefore: { 
                    left: 75,
                    opacity: 0
                },
                animIn:  { 
                    left: 0,
                    opacity: 1
                },
                animOut: { 
                    left: -50,
                    opacity: 0
                },
                cssAfter: { 
                    left: 0,
                    opacity: 0
                }
            });