hola, y gracias de antemano.
Estoy intentando hacer lo que os comento con este script pero no me funciona, en principio los div deben de aparecer ocultos y cuando pulse el botón más que vayan apareciendo, pero no me funciona :
Código:
<html>
<head>
</head>
<body>
<script type="text/javascript">
var num_rows = 1;
for(var i=0; i<=2; i++)
{
document.getElementById("ARTICULO"+i).style.display = 'none';
}
function show_row(row_num)
{
var rows = document.getElementsByClassname('item'+row_num);
for(i=0; i<rows.length; i++)
rows[i].style.display = 'block';
}
function hide_row(row_num)
{
var rows = document.getElementsByClassname('item'+row_num);
for(i=0; i<rows.length; i++)
rows[i].style.display = 'none';
}
function add_row()
{
if (num_rows >= 20)
return;
num_rows = num_rows + 1;
show_row(num_rows);
}
function delete_row()
{
if (num_rows <= 1) return;
hide_row(num_rows);
num_rows = num_rows - 1;
}
</script>
<img src="add.png" onclick="add_row()" />
<img src="delete.png" onclick="delete_row()" />
<div id="ARTICULO0" >PROD 1</div>
<div id="ARTICULO1" >PROD 2</div>
<div id="ARTICULO2" >PROD 3</div>
</body>
</html>
Agradecería cualquier tipo de ayuda. Gracias