Hola, mi problema es el siguiente: encontre en internet un codigo que lo que hace es que cuando se clickea en un link, se despliega un div con informacion. el problema es que si quiero hacer esto con varios links, solo me funciona el primero.
Este es el codigo:
<script type="text/javascript" src="../jquery/DesplegarDiv.js"></script>
<script type="text/javascript">
$(function(){
$("#mostrar").click(function(event) {
event.preventDefault();
$("#caja").slideToggle();
});
});
</script>
y el codigo html es el siguiente:
<div>
<a href="#" id="mostrar">Eventos</a>
<div id="caja">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</p>
</div>
</div>
Por si no se entendio lo que yo quiero hacer es poner varios de estos div pero como el codigo javascript se maneja con el id "caja" y el id "mostrar" al poner varias veces, pasa a funcionar solo el primero.
saludos