Я хотел реализовать полезный ответ здесь , но он не работает для меня в моем браузере или даже во фрагменте кода здесь, но работает в jsfiddle http://jsfiddle.net/joydh7L0/2/
Обычно предупреждение отображается всегда, и скрипт не работает. Я новичок, поэтому могу упустить что-то очень очевидное. Любая помощь приветствуется!
Обновление: Основываясь на нескольких комментариях по этому поводу, я использую bootstrap и с этим, используя их рекомендованную ссылку jQuery. Спасибо!
"https://code.jquery.com/jquery-3.4.1.slim.min.js"
<!doctype html>
<html lang="en">
<head>
</head>
<body>
<button type="submit" class="btn btn-primary">Submit</button>
<div class="alert alert-success" id="submitsuccess" role="alert"> Thanks for letting us know!</div>
<script>
$(document).ready(function() {
$(".alert").hide()
$("button").click(function showAlert() {
$(".alert").fadeTo(2000, 500).slideUp(500, function() {
$(".alert").slideUp(500);
})
})
})
</script>
</body>