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));
});