JSFiddle - React, Tailwind, and code Playground
HTML
<input id="test" type="button" value="Test"/>
<img class="pmsbanner_img1-1" src="http://s4ty-testarea.s4.ohost.de/jQuery-board/images/001.jpg" style="display:none;"/>
<img class="pmsbanner_img1-2" src="http://s4ty-testarea.s4.ohost.de/jQuery-board/images/002.jpg" style="display:none;"/>
<img class="pmsbanner_img1-3" src="http://s4ty-testarea.s4.ohost.de/jQuery-board/images/003.jpg" style="display:none;"/>
JavaScript
var delay = 2000;
var bubbleFadeInSpeed = 750;
//$('.pmsbanner_img1').show();
$('#test').toggle(
$(function(){
alert('hey');
$('.pmsbanner_img1-1').fadeIn(bubbleFadeInSpeed, function () {
$('.pmsbanner_img1-2').fadeIn(bubbleFadeInSpeed, function () {
$('.pmsbanner_img1-3').fadeIn(bubbleFadeInSpeed, function () {
$('.pmsbanner_img1-4').fadeIn(bubbleFadeInSpeed);
}).delay(delay, function () {
$("img").each(function (i, v){
if ($(v).attr('class').indexOf("pmsbanner_img1") >= 0)
{
$(v).fadeOut(bubbleFadeInSpeed);
}
});
// $("[img:contains('pmsbanner_img1')]").fadeOut(bubbleFadeInSpeed);
//$("img:contains('pmsbanner_img1')").fadeOut(bubbleFadeInSpeed);
// $('.pmsbanner_img1-2').fadeOut(bubbleFadeInSpeed);
// $('.pmsbanner_img1-3').fadeOut(bubbleFadeInSpeed);
// $('.pmsbanner_img1-4').fadeOut(bubbleFadeInSpeed);
// $('.pmsbanner_img1').fadeOut(bubbleFadeInSpeed);
}); ;
});
});
});)