MooTools: Fade out element?

Posted by JamesBrownIsDead on Stack Overflow See other posts from Stack Overflow or by JamesBrownIsDead
Published on 2010-01-09T20:45:14Z Indexed on 2010/04/19 10:53 UTC
Read the original article Hit count: 258

Filed under:

mootools

|

fadeout

I have an Element object that I'm currently calling .hide() on. Instead, I'd like to fade out the opacity of the entire Element (and its children) to 100% (hidden) as a transition effect over maybe 500 ms or 1000 ms.

Can Fx.Tween be used for this? Is this possible--does the MooTools framework have an effect like this in its UI library?

© Stack Overflow or respective owner

Related posts about mootools

Why is jQuery so widely adopted versus other Javascript frameworks?

as seen on Stack Overflow - Search for 'Stack Overflow'
I manage a group of programmers. I do value my employees opinion but lately we've been divided as to which framework to use on web projects. I personally favor MooTools, but some of my team seems to want to migrate to jQuery because it is more widely adopted. That by itself is not enough for me to… >>> More
mootools element is null using calendar EightySix plugin

as seen on Stack Overflow - Search for 'Stack Overflow'
i m using mootools Eighty six calendar from this link i download the code and customize according to my need , it's working good on single HTML page but when i embed this code with my php page then it display below error element is null [Break on this error] element.appendChild(context);\n (on… >>> More
Mootools in Rails

as seen on Stack Overflow - Search for 'Stack Overflow'
For my client side development I use MooTools primarily, I have also just recently started learning rails. What is the best method of using Mootools in rails pages? Just adding my code inline like I would any other server side language? Or is there a better and cleaner way to do things? Basically… >>> More
Help transcoding simple jQuery to mootools

as seen on Stack Overflow - Search for 'Stack Overflow'
$(".container").hover( function(){ $(".child-1").hide(0); $(".child-2").show(0); },function(){ $(".child-1").show(0); $(".child-2").hide(0); }); A project I have requires that I use mootools, but I never used mootools, and jquery… >>> More
Does Mootools prevents javascript closure 100%?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, While I was talking about javascript closure to my friend, I was told that using Mootools can prevent closures 100%. To my knowledege, a variable causes a closure. How does Mootools itself prevents javascript closure? I think my friend is sayting that Mootools' functions are closure-safe functions… >>> More

Related posts about fadeout

jQuery fadeIn/fadeOut loop problem

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi. I'm trying to do a sequentiall animation with a loop....but i can't accomplish it in a smooth way (some "lag" problems). jQuery var i = 0; var b = 0; var fades = function(){$(".caja").stop(0).each(function(){ $(this).delay(i * 500).fadeIn('slow', function(){ $(this).delay(5000).fadeOut('slow'… >>> More
jQuery fadeOut, replaceWith, animate almost working

as seen on Stack Overflow - Search for 'Stack Overflow'
I am trying to accomplish the following: 1. On click, have a div with id="fader" fadeout 2. replaceHtml of fader with new html (this new HTML will appear below the fold of the browser) 3. Animate new HTML to slide up to the specified location Step 1 and 2 are working, step 3 is not and I'm stumped… >>> More
Thumbnails fadein fadeout specific div fade issues

as seen on Stack Overflow - Search for 'Stack Overflow'
I am using this code to hide and show a div based on which thumbnail you rollover; $(document).ready(function(){ $('div.infodiv').hide(); $(".website_thumbs a").hover( function(){ var name = $(this).attr("name"); $(".infodiv").stop(); $("."+name).fadeIn(); … >>> More
$.fadeTo/fadeOut() operations on Table Rows in IE fail

as seen on West-Wind - Search for 'West-Wind'
Here’s a a small problem that one of customers ran into a few days ago: He was playing around with some of the sample code I’ve put out for one of my simple jQuery demos which deals with providing a simple pulse behavior plug-in: $.fn.pulse = function(time) { if (!time) time = 2000; … >>> More
How to fadein and fadeout in single UIView?

as seen on Stack Overflow - Search for 'Stack Overflow'
example i try to change cell.accessoryView from picture1 to picture2 by fadein but my problem is i only have one accessoryView(one UIView) any idea? >>> More