sergey24,
клинкуть по первой кнопке
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css"> button{
height: 50px;
width: 100px;
background-color: hsla(120, 61%, 34%, 1);
}
button.red{
background-color: hsla(0, 100%, 50%, 1);
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
var i = 0, b = $("button");
function click()
{
$(this).toggleClass("red")
}
b.on({"click": click})
$('#button-main').click(function(){
setTimeout(function(){
$('#button-1').trigger('click');
},3000);
setTimeout(function(){
$('#button-2').trigger('click');
},4000);
setTimeout(function(){
$('#button-3').trigger('click');
},5000);
});
});
</script>
</head>
<body>
<button id="button-main"></button>
<button id="button-1"></button>
<button id="button-2"></button>
<button id="button-3"></button>
</body>
</html>