<?php window.addEvent('domready', function() { var status = { 'true': 'open', 'false': 'close' }; //-vertical var myVerticalSlide = new Fx.Slide('vertical_slide'); $('v_slidein').addEvent('click', function(e){ e.stop(); myVerticalSlide.slideIn(); }); $('v_slideout').addEvent('click', function(e){ e.stop(); myVerticalSlide.slideOut(); }); $('v_toggle').addEvent('click', function(e){ e.stop(); myVerticalSlide.toggle(); }); $('v_hide').addEvent('click', function(e){ e.stop(); myVerticalSlide.hide(); $('vertical_status').set('html', status[myVerticalSlide.open]); }); $('v_show').addEvent('click', function(e){ e.stop(); myVerticalSlide.show(); $('vertical_status').set('html', status[myVerticalSlide.open]); }); // When Vertical Slide ends its transition, we check for its status // note that complete will not affect 'hide' and 'show' methods myVerticalSlide.addEvent('complete', function() { $('vertical_status').set('html', status[myVerticalSlide.open]); }); //--horizontal var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'}); $('h_slidein').addEvent('click', function(e){ e.stop(); myHorizontalSlide.slideIn(); }); $('h_slideout').addEvent('click', function(e){ e.stop(); myHorizontalSlide.slideOut(); }); $('h_toggle').addEvent('click', function(e){ e.stop(); myHorizontalSlide.toggle(); }); $('h_hide').addEvent('click', function(e){ e.stop(); myHorizontalSlide.hide(); $('horizontal_status').set('html', status[myHorizontalSlide.open]); }); $('h_show').addEvent('click', function(e){ e.stop(); myHorizontalSlide.show(); $('horizontal_status').set('html', status[myHorizontalSlide.open]); }); // When Horizontal Slide ends its transition, we check for its status // note that complete will not affect 'hide' and 'show' methods myHorizontalSlide.addEvent('complete', function() { $('horizontal_status').set('html', status[myHorizontalSlide.open]); }); }); ?>
i kod w html'u
<div id="vertical_slide"> Lorem ipsum dolor sit amet </div> <script> $('#v_slideout').hide(); $('#text').hide(); $('#v_slidein').click(function(){ $('#v_slideout, #text').show(); $('#v_slidein').hide(); return false; }); $('#v_slideout').click(function(){ $('#v_slidein').show(); $('#v_slideout, #text').hide(); return false; }); </script>
No i niestety nie wiem co mam źle skonfigurowane w tym. Chodzi o to że:
klikam POKAŻ (dzieje się akcja v_slidein, tekst zmienia się na schowaj) a gdy klikne zmienione POKAŻ (czyli schowaj) dzieje się akcja v_slideout i tekst zmienia się na pokaż.
i jeszcze gdzie jest opcja odpowiedzialna za położenie początkowe (na razie początkowe położenie to otwarte)