CodingForums.com

CodingForums.com (http://www.codingforums.com/index.php)
-   JavaScript frameworks (http://www.codingforums.com/forumdisplay.php?f=62)
-   -   mootools (http://www.codingforums.com/showthread.php?t=160580)

snowysweb 03-06-2009 10:49 PM

mootools
 
Hi, i was wondering if anyone knew how to make the vertical mootools area (which slides up and down) how to make it closed by default and then open on click?

Code:

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


emehrkay 03-16-2009 10:11 PM

var myVerticalSlide = new Fx.Slide('vertical_slide');

To

var myVerticalSlide = new Fx.Slide('vertical_slide').hide();


All times are GMT +1. The time now is 05:52 PM.

Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.