Question

I am new to Prototype. How can I write the following jQuery code in Prototype?
Thanks in advance..

$('#lessonid').fadeIn(function(){
   $('.exercise').css('margin-bottom', '0px');        
});

Answer 1

As far as I’m aware the PrototypeJS library doesn’t have any animation/effects methods built in. You can use Scriptaculous, which is an add-on to Prototype. That will allow you to do something like this, using the fade method:

$('lessonid').fade({
    from: 0, 
    to: 1,
    afterFinish: function() {
        $$('.exercise').setStyle({
            marginBottom: 0
        });
    }
});