mootools - Menu with fade effect -

-

if go website (www.actemp.es) , click on menu button (right top), you'll see first time, menu doesn't appear fade, other times yes. want fade first. don't speak english =d

here code:

window.addevent('domready', function(){     $('fadeout').addevent('click', function(evento){         evento.preventdefault();         $('menu').fade('out');     });     $('fadein').addevent('click', function(evento){         evento.preventdefault();         $('menu').fade('in');     }); }); window.addevent('domready', function(){     $('fadeout').addevent('click', function(evento){         evento.preventdefault();         $('menu2').fade('out');     });     $('fadein').addevent('click', function(evento){         evento.preventdefault();         $('menu2').fade('in');     }); }); window.addevent('domready', function(){     $('fadeout').addevent('click', function(evento){         evento.preventdefault();         $('menu3').fade('out');     });     $('fadein').addevent('click', function(evento){         evento.preventdefault();         $('menu3').fade('in');     }); }); window.addevent('domready', function(){     $('fadeout').addevent('click', function(evento){         evento.preventdefault();         $('menu4').fade('out');     });     $('fadein').addevent('click', function(evento){         evento.preventdefault();         $('menu4').fade('in');     }); });

mootools uses opacity fade in , out. add opacity:0; css (for #menu, #menu2 & #menu3 , should work.)

i tried on page , worked. can try code also:
(you can anyway use css fix this).

window.addevent('domready', function(){      //this sets opacity 0     $('menu').setopacity(0);     $('menu2').setopacity(0);     $('menu3').setopacity(0);     $('menu4').setopacity(0); // #menu4 missing in html     //      $('fadeout').addevent('click', function(evento){         evento.preventdefault();         $('menu').fade('out');         $('menu2').fade('out');         $('menu3').fade('out');         $('menu4').fade('out');     });     $('fadein').addevent('click', function(evento){         evento.preventdefault();         $('menu').fade('in');         $('menu2').fade('in');         $('menu3').fade('in');         $('menu4').fade('in');     }); });

btw: have element missing in code #menu4.


Comments

Post a Comment

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more