BUt i found once a very cute thing on an old Joomla Bamboo template for joomla, and because i got the "tadaam - cool!" reaction from ppl i shown it to, i want to be able to replicate it in an normal html website.
I was able to replicate it on a joomla site a while ago, just for testing, but now i`m unable to do so and i`m stuck.
Well, the Fx.Slide problem is fixed but now the console reveals that addEvent is undefined. (Always check the console!) There is a conflict between jQuery and MooTools: the global $ is the jQuery library and not MooTools, thus the addEvent method does not exist. (jQuery doesn't have that method.) Try calling jQuery.noConflict() right before your script (or simply don't include the jQuery library if you don't use it... It seems kinda overkill to have both libraries, right?)
So i have no idea what the console is or how to call jQuery.noConflict()
But i`ll try to remove the jquery ones, see what happens, and be back...
Fx.Transitions.bounceOut is undefined this time, so I'm guessing it uses a standard sliding transition instead of bouncing. I can't find in what file it is defined on that original page after a quick search, but my guess is that it's missing from mootools-yui-compressed.js.
I have re-read the page like for 10th time, and it says:
Fx.Transitions Method: bounce
Makes the transition bouncy. Must be used as Bounce.easeIn or Bounce.easeOut or Bounce.easeInOut.
but in my code it jus says:
but that is how it was in the original template, that that is still as it is in that joomla installation. so smth must still be wrong. But, howevere, once i replaced "bounce.Out" with "Bounce.easeOut" it got bouncy....