Hola,
Estoy haciendo un pequeño código usando document.getElementById, y funciona pero "a medias".
Consiste en que tengo un listado de X productos, que puede ser desde 0 hasta los que queráis. Y quiero que los 3 primeros productos se muestren siempre, y el resto de productos, al pulsar un enlace VER MÁS.
Hago el código, se ven sólo los 3 primeros, pero al pulsar VER MÁS, se muestra el producto nº4 pero NO los demás. Y no sé por qué, porque todos tienen la misma ID.
Os lo escribo.
FUNCIÓN JAVASCRIPT
:
Código:
<script language="JavaScript" type="text/JavaScript">
function mostrardiv() {
div = document.getElementById('item_oculto');
div.style.display = '';
}
</script>
Y EL CÓDIGO EN LA PARTE VISIBLE:
Código PHP:
<div id="item">
bla bla bla
</div>
<div id="item">
bla bla bla
</div>
<div id="item">
bla bla bla
</div>
<div class="item" id="item_oculto" style="display:none ">
bla bla bla
</div>
<!-- Esta caja se repite ya hasta x.lenght() -->
<!-- y ahora pongo el enlace que llama a la función que quita ese "display:none" -->
<a href="javascript:mostrardiv();">Ver mas productos</a>
Pues eso, al pulsar ese enlace, el primer div funciona y su display:none se quita, y entonces se ve. Pero el resto de divs iguales, no se quitan, se quedan ocultos.
Gracias!