entro en más detalle de código para que lo entendais:
tengo un menú:
<ul>
<li><a class="current" id="a_001" href="#" target="_parent">001</a></li>
<li><a id="a_002" href="#" target="_parent">002</a></li>
<li><a id="a_003" href="#" target="_parent">003</a></li>
<li><a id="a_004" href="#" target="_parent">004</a></li>
</ul>
dependiendo en qué link haga clic el usuario, se mostrará el párrafo asociado:
<div id="contenido">
<p id="001">aaaa</p>
<p id="002">bbbbbbb</p>
</div>
de momento he conseguido que al hacer clic sobre el link "001" se muestre el párrafo "001"
el problema es generalizarlo, es decir, que el sistema se haga para cualquier link.
Los links (con sus id) son generados con PHP porque vienen de una base de datos.
Este es el codigo javascript / jQuery
<script type="text/javascript">
$(document).ready(function() {
// primero escondo todos los parafos
$('#content p').hide();
// asocio al link la accion de mostrar el parrafo (u esconderlo si estaba mostrado antes)
$('div#menu ul li a#a_001').click(function() {
$('p#001').toggle('slow');
return false;
});
});
</script>