Guten Morgen,
Ich habe da mal ein kleines Problemchen.
Aktuell möchte ich gerne mit der "FadeIn" Animation einen Alert einblenden lassen, der danach wieder verschwindet.
Das FadeOut funktioniert super.
Nur das "FadeIn" möchte nicht so gerne. Es blendet sich ruckartig ein. Ohne Animation.
Ich habe gehofft das ich hier vielleicht eine Lösung dafür bekomme.
Code
<script>
setTimeout(function() {
$('#errorAusgabe2').fadeIn(1000);
document.getElementByID("errorMsg2").innerHTML("Dies ist ein Alert!");
}, 100);
setTimeout(function() {
$('#errorAusgabe2').fadeOut(1000);
}, 5100);
</script>
Code
<div id="errorAusgabe2" class="alert alert-info alert-with-icon" style="padding: 7px 2px 7px 2px; width: 50%; margin-left: 15px" data-notify="container">
<button type="button" aria-hidden="true" class="close" data-dismiss="alert">
<i class="nc-icon nc-simple-remove"></i>
</button>
<span id="errorMsg2" data-notify="message" style="margin-left: 2%"></span>
</div>
Hat jemand einen Tipp für mich?