- window.addEvent('domready', function(){
- var mySlide = new Fx.Slide('panel',{
- duration:1000,transition:Fx.Transitions.Cubic.easeOut
- }).hide();
- $('buttonSlide').addEvent('click', function(e){
- e = new Event(e);
- mySlide.toggle();
- e.stop();
- });
- });
i need help about fx.slide..
code :
in index.php:
- <div id="panelBg">
- <div id="panel">
- <jdoc:include type="modules" name="panel" style="modPanel" />
- </div>
- </div>
- <div class="slide">
- <a rel="nofollow" href="#" id="buttonSlide"><span><?php echo JText::_('MEMBER_AREA'); ?></span></a>
- <a rel="nofollow" href="#" id="buttonSlide2"><span><?php echo JText::_('MEMBER_AREA'); ?></span></a>
- </div>
and my questions, like where to fx.slide Toogle be confused with the 2 class in the css
like this code ..
- switch toogle 1 :
- $('start_scroll_cont').style.display='block';
- $('stop_scroll_cont').style.display='none';
- switch toogle 2:
- $('stop_scroll_cont').style.display='block';
- $('start_scroll_cont').style.display='none';
so if Toogle of clicks will get a new style and so on
