Hello
i have simple code :
<script>
//window on dom ready
window.addEvent('domready', function() {
//for every switch-view link
$$('.switch-view').each(function(el) {
//add click event
el.addEvent('click', function(e) {
//nowhere
e.stop();
//morph baby!
myFx = new Fx.Morph('content-block', {duration: 500, transition:
Fx.Transitions.Sine.easeOut}).start('.' + el.get('rel'));
});
});
});
</script>
<a id="sideBarTab2" href="javascript:;" class="switch-view"
rel="view2"><img src="<?php echo JURI::base().'modules/
mod_rizlogin/'; ?>images/slide-button.gif" alt="sideBar"
title="sideBar" /></a>
<a id="sideBarTab2" href="javascript:;" class="switch-view"
rel="view1"><img src="<?php echo JURI::base().'modules/
mod_rizlogin/'; ?>images/slide-button.gif" alt="sideBar"
title="sideBar" /></a>
<div class="view1" id="content-block">
my text
</div>
.view1 { height:0px;overflow: hidden; }
.view2 { height:200px;overflow: hidden;}
i want join 2 button.means was just one button.if i click on it,load
style view2 .if i click again on it ,load view1
how may in motools?
thanks