Trying to get this to work but not quite working like I want it to.
Anyway, I want my div to slide in and then onComplete fade the
contents of the div in.
<script type="text/javascript">
window.addEvent('domready', function() {
var myVerticalSlide = new Fx.Slide('vertical_slide', {transition:
'sine:in', duration: 500}).hide();
$('vertical_slide').setStyle('visibility', 'hidden');
$('open').addEvent('click', function(e){
e.stop();
myVerticalSlide.slideIn();
$('vertical_slide').setStyle('visibility', 'visible');
});
$('close').addEvent('click', function(){
$('vertical_slide').setStyle('visibility', 'hidden');
myVerticalSlide.slideOut();
});
});
</script>
Right now I am using setStyle('visibility', 'hidden'); to show and
hide the div contents. I know I can use Fade but I can't get Fade to
work properly, reason being I'm not sure how to call Fade once the
Slide is complete.
Can I have a oncomplete function trigger when Slidein is complete?
How do I write that?
myVerticalSlide.slideIn({ oncomplete: Fade(in)});??????????
