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

Reply via email to