Quiero abrir varias cajas con un solo botón para no crear tantos, pero quiero que el botón vaya abriendolas por click, es decir un click primer caja y así sucesivamente.
cómo puedo hacer para que funcione como yo quiero usando jquery?
$('#open').click(function(){
$('.box-size').css({
"display": "flex",
"justify-content": "center"
});
});
.box-size{
width: 100%;
display: none;
}
.box{
width: 100px;
height: 100px;
background-color: #ff0;
margin: 10px;
}
.boton-box{
width: 100%;
text-align: center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='box-size'>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
<br>
<div class="boton-box"><button id="open">Abrir cajas</button></div>