I'm currently working on a website where I want everything to fade in when the user enters the site. Take a look at my code:
var celyLogin = $(".container");
$(document).ready(function () {
/*! Fades in page on load */
$("container").css("display", "none");
$("container").fadeIn(5000);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="container">
<div>
<h1>WELCOME USER</h1>
<div id="UandP">
<h3>
Username: <input class="username" type="text" name="username">
</h3>
<h3>
Password: <input class="password" type="password" name="password">
</h3>
</div>
<input type="button" class="submit" value="Log In" name="submit" onclick="validate()">
</div>
</div>There seems to be a minor issue in the code, but I haven't been able to pinpoint it yet..