Sorry to bother with another IE issue but I'm having problems getting
my code to work in IE. I'm a new user and I'm hoping it's something
simple!

var showFunction = function() {
        //resets styles
        $$('.mootab-content').setStyles({
                'display': 'none',
                'opacity': 0,
        });

        //styles to morph to
        this.start({
                'display': 'block',
                'opacity': 1,
        });
}


window.addEvent('load', function() {
        var elOneB = $('mod1');
        var elTwoB = $('mod2');
        var elThreeB = $('mod3');
        var elFourB = $('mod4');
        var elFiveB = $('mod5');

        //create morph object
        elOneB = new Fx.Morph(elOneB, {
                link: 'cancel'
        });
        elTwoB = new Fx.Morph(elTwoB, {
                link: 'cancel'
        });
        elThreeB = new Fx.Morph(elThreeB, {
                link: 'cancel'
        });
        elFourB = new Fx.Morph(elFourB, {
                link: 'cancel'
        });
        elFiveB = new Fx.Morph(elFiveB, {
                link: 'cancel'
        });

        $('tab1B').addEvent('click', showFunction.bind(elOneB));
        $('tab2B').addEvent('click', showFunction.bind(elTwoB));
        $('tab3B').addEvent('click', showFunction.bind(elThreeB));
        $('tab4B').addEvent('click', showFunction.bind(elFourB));
        $('tab5B').addEvent('click', showFunction.bind(elFiveB));
});

Reply via email to