necesito que en la parte de donde muestra el error no este estatico si no que desaparesca en unos 3 o 4s no tengo idea como hacerlo ya que lo tengo estatico
tengo algo de idea pero no sabria como hacerlo
<!DOCTYPE html>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../Resources/css/bootstrap.min.css"> <link rel="stylesheet" href="../Resources/css/main.css">
<nav class="navbar navbar-default">
<div class="navbar-header"> <a href="#" class="navbar-brand">Store
</a> </nav>
<div class="panel panel-default"> <div class="panel-heading">Login in
</div> <form data-toggle="validator" role="form"> <div class="input-group"> <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span> <input type="text" class="form-control" name="username" id="username" placeholder="Username" required> <div class="input-group"> <span class="input-group-addon"><span class="glyphicon glyphicon-star"></span></span> <input type="password" class="form-control" id="password" placeholder="Password" required> <div class="alert alert-danger text-center" style="display:none;" id="error"> <p>Invalid username or password !!
</p> <button type="button" class="btn btn-success" onclick='login();'><span class="glyphicon glyphicon-lock"></span> Login
</button> function login(){
var username = $('#username').val();
var password = $('#password').val();
$.ajax({
url:'../Controllers/user.php',
type:'POST',
data:'username='+username+'&password='+password+"&boton=login"
}).done(function(resp){
if(resp=='0'){
$('#error').show();
}else{
location.href='../Views/main.php';
}
});
}