moo.rd - Examples - cycle_fold

TABLE

table_rows table_cells table_cols

MAKE

make_table make_list make_select

CUSTOMIZE

custom_alert custom_confirm custom_prompt custom_search smooth_scrolling

EFFECTS

effects_morph effects_fade effects_move effects_extra effects_toggle

EFFECTS CYCLE

cycle_slide cycle_fold cycle_extra cycle_shuffle cycle_controls

EFFECTS CYCLES

cycles_scroll cycles_turn cycles_extra cycles_controls

VIRTUAL BOX

virtual_box virtual_ajax virtual_html virtual_single

PLUG-IN

kwick_menu kwick_all tutorial tabs tabs_fixed

GLIDER

glider_thumbs glider_auto glider_arrows glider_reader

Cycle Fold

All the Fx.Cycle Fold extensions in action.

docs reference js code

window.addEvent('domready', function() {
 
	var opts = {duration: 2000, steps: 2500};
 
	var fx = new Fx.Cycle.foldDown('main1', opts);
	var fx2 = new Fx.Cycle.foldUp('main2', opts);
	var fx3 = new Fx.Cycle.foldRight('main3', opts);
	var fx4 = new Fx.Cycle.foldLeft('main4', opts);
 
});

FoldDown	FoldUp
FoldRight	FoldLeft