Rough js implementation for slider image and text boxes to be different

slideshow.js

$('view-homepage-slider').cycle({
     fx: 'fade',
     speed: 'slow',
     timeout: 0,
     before: onBefore,
     after: onAfter,


    });


 function onBefore(curr, next, opts){
    // Code to do stuff before the slide changes
       $('.views-field-title').slideUp();
    }


 function onAfter(curr, next, opts){
   // Code to do stuff after the slide changes
    $('.views-field-title').slideDown();
    }

 function onBefore(curr, next, opts){
    // Code to do stuff before the slide changes
       $('.views-field-field-homepage-slider-text').slideUp();
    }


 function onAfter(curr, next, opts){
   // Code to do stuff after the slide changes
    $('.views-field-field-homepage-slider-text').slideDown();