Holas,
estoy intentando cambiar el texto superior cada vez que doy al botón, lo logro una vez, pero lo que quisiera sería que cada vez que doy al botón, son 3 pasos, me cambiara el texto, es decir, sale un texto, pulso y pasamos al siguiente paso que sale otro texto, vuelvo a pulsar y sale otro texto arriba... También me gustaría saber cómo se puede agregar una barra de progreso que a medida que avanzas se vaya rellenando.
Como he dicho lo logro una vez, pero no sé cómo se podría hacer así varias veces, el código que tengo es el siguiente:
Código:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Pornclub - Steps</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body>
<div class="wrapper">
<div id="header">
<p>
Texto que cambia
</p>
</div>
<div id="quality">
<p>hola</p>
</div>
<div id="picvid">
<p>picvid</p>
</div>
<div id="next">
<button type="button" id="next1"></button>
</div>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#next1").click(function(){
$("#header").html("Texto que se cambia al pulsar el botón");
});
});
</script>
</body>
</html>