Ayuda con texto para que se expanda y contraiga 
Autor: Rogelio R.
Visitado 7602,
Followers 1,
Compartido 0
Hola me gustaria saber si alguien pudiera ayudarme necesito crear unas listas de texto con texto desplegable, pero cuando se seleccione el texto siguiente el primero que fue abierto se contraiga, exactamente como este ejemplo http://www.grupoelporvenir.com/es/menu
Publicado en
Autor
añado que probe con este codigo y si hace lo que necesito solo que al hacer click en el texto de abajo no se contrae el primer texto ademas de que se queda el espacio donde se desplazara el texto oculto y lo que necesito es que al darle click al texto de abajo el primer texto se contraiga y quede junto tipo menu asi como el ejemplo de arriba
<head>
<script>
function mostrar(id) {
obj = document.getElementById(id);
obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';
}
</script>
</head>
Y esto en el BODY:
Código PHP:
<a href="#" onclick="mostrar('divTexto1'); return false" />Hago clic aca y se ve u oculta UNO</a>
<div id="divTexto1" style="visibility:hidden">
UNO
</div>
<BR>
<a href="#" onclick="mostrar('divTexto2'); return false" />Hago clic aca y se ve u oculta DOS</a>
<div id="divTexto2" style="visibility:hidden">
Autor
que tal para los que tengan la misma duda que yo, ya consegui como hacerlo, me base en este tutorial que encontre en linea ya los detalles lo hice en css aqui les dejo el tutorial por si lo necesitan va? saludos http://web.tursos.com/tutoriales/javascript/como-hacer-un-acordeon-accordion-con-jquery-y-css/