js simulates jquery's slide, fadeIn and fadeOut functions_javascript skills

I just thought about how jquery is implemented, but I have no choice but to say that I am not very capable and it is not yet time to study the jquery source code. Well, make a very crude version yourself, haha! It seems to be okay, I will optimize it after my brother’s ability improves

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Three column layout</title> <style> #main1{ margin:20px auto; width:200px; background-color:#6c9; overflow:hidden; } </style> <input type="button" value="slide" onclick="Animate.slide('main1',10)"> <input type="button" value="fadeIn" onclick="Animate.fadeIn('main1',10)"> <input type="button" value="fadeOut" onclick="Animate.fadeOut('main1',10)"> <div id="main1" style="height:200px; "> </div> slide && fadeIn && fadeIn && fadeOut