Problema con Opciones

[kk_kill]

Holaa Bueno tengo este código.

Código Javascript:

<script type="text/javascript">
algo = 0;
</script>
<a href="#" onclick="algo++; document.getElementById('div').style.display = (algo%2 == 0) ? 'none' : 'block';">Pepe123</a><br />
            <div id='div' style='display:none;'>
<a href="http://GOOGLE.COM.AR">GOOGLE</a><br />
<a href="http://GOOGLE.COM.AR">GOOGLE2</a></div> </p>
                
<p><script type="text/javascript">
algo = 0;
</script>
<a href="##" onclick="algo++; document.getElementById('div').style.display = (algo%2 == 0) ? 'none' : 'block';">Pepe2</a><br />
            <div id='div' style='display:none;'>
<a href="http://GOOGLE.COM.AR">GOOGLE</a><br />
<a href="http://GOOGLE.COM.AR">GOOGLE2</a></div> </p></p>
 

que es para hacer algo como esto:

Pepe123:
y salen 2 opciones mas aca abajo

Pepe2:
y salen dos mas aca tambien

pero lo que pasa es que si quiero hacer click en Pepe123, se abre Pepe2, y vicebersa, pero siempre hay uno que no se abre, x ej: toco Pepe123, salen las opciones de Pepe2, y si Toco Pepe2 salen las opciones de Pepe2, pero no sale las opciones de Pepe123... si alguien me facilita el codigo se lo agradeceria
espero que entiendan mi mensaje...

[Adler]

Hola

Tienes definida la variable algo dos veces y no se comportará como tu piensas, cambia los nombres, por ejemplo a algo1 y algo2. También ambos div tienen la misma id, cambia la de uno de ellos

Suerte

[kk_kill]

haaa.. eso ya lo intente y no me funciono.. algo asi decis?

Código Javascript:

<script type="text/javascript">
algo = 0;
</script>
<a href="#" onclick="algo++; document.getElementById('div').style.display = (algo%2 == 0) ? 'none' : 'block';">Pepe123</a><br />
            <div id='div' style='display:none;'>
<a href="http://GOOGLE.COM.AR">GOOGLE</a><br />
<a href="http://GOOGLE.COM.AR">GOOGLE2</a></div> </p>
                
<p><script type="text/javascript">
algo2 = 0;
</script>
<a href="##" onclick="algo2++; document.getElementById('div').style.display = (algo%2 == 0) ? 'none' : 'block';">Pepe2</a><br />
            <div id='div' style='display:none;'>
<a href="http://GOOGLE.COM.AR">GOOGLE</a><br />
<a href="http://GOOGLE.COM.AR">GOOGLE2</a></div> </p></p>
 

[Adler]

Hola

Las id continúan estando duplicadas

<script type="text/javascript">
algo = 0;
</script>
<a href="#" onclick="algo++; document.getElementById('div').style.display = (algo%2 == 0) ? 'none' : 'block';">Pepe123</a><br />
<div id='div' style='display:none;'>
<a href="http://GOOGLE.COM.AR">GOOGLE</a><br />
<a href="http://GOOGLE.COM.AR">GOOGLE2</a></div> </p>

<p><script type="text/javascript">
algo2 = 0;
</script>
<a href="##" onclick="algo2++; document.getElementById('div').style.display = (algo%2 == 0) ? 'none' : 'block';">Pepe2</a><br />
<div id='div' style='display:none;'>
<a href="http://GOOGLE.COM.AR">GOOGLE</a><br />
<a href="http://GOOGLE.COM.AR">GOOGLE2</a></div> </p></p>

Suerte

[kk_kill]

esto es lo que cambie, cambie el algo = 0 por seba = 0
pero me sigue sin funcionar

Código Javascript:

<p>                 <script type="text/javascript">
seba = 0;
</script>
<a href="#sociales" onclick="seba++; document.getElementById('div').style.display = (seba%2 == 0) ? 'none' : 'block';">OPCIONES</a><br />
            <div id='div' style='display:none;'>
<a href="HTTP://GOOGLE.COM.AR">11111</a><br />
<a href="HTTP://GOOGLE.COM.AR">22222</a></div> </p>
 

[Adler]

Que las id están duplicadas!!!

[kk_kill]

y como puedo hacer para sacarlos, pero que me siga funcionando el codigo?
y ademas, q se me solucione el problema?

[Adler]

Iniciado por kk_kill

y como puedo hacer para sacarlos, pero que me siga funcionando el codigo?
y ademas, q se me solucione el problema?

Bien, o dices y haces coherentes o por mi parte le dejamos aquí y ahora. ¿Sacar el qué?

[kk_kill]

para sacar o modificar las ID que se repiten, y para que mi problema se solucione, osea que al presionar sobre pepe123 se despliguen las 2 opciones y al presionar pepe1 se desplieguen las 2 opciones de esta misma. (no quiero un menu desplgable, sino que quiero como esta ahora porque lo voy a poner en una pagina y quiero que cuando hagan click se desplieguen opciones pero en el contenido de la página, no si me explico)

[Adler]

Hola

Tan sencillo como esto

<script type="text/javascript">
algo1 = 0;
</script>
<a href="#" onclick="algo1++; document.getElementById('div1').style.display = (algo1%2 == 0) ? 'none' : 'block';">Pepe123</a><br />
<div id='div1' style='display:none;'>
<a href="http://GOOGLE.COM.AR">GOOGLE</a><br />
<a href="http://GOOGLE.COM.AR">GOOGLE2</a></div> </p>

<p><script type="text/javascript">
algo2 = 0;
</script>
<a href="##" onclick="algo2++; document.getElementById('div2').style.display = (algo2%2 == 0) ? 'none' : 'block';">Pepe2</a><br />
<div id='div2' style='display:none;'>
<a href="http://GOOGLE.COM.AR">GOOGLE</a><br />
<a href="http://GOOGLE.COM.AR">GOOGLE2</a></div> </p></p>

Venga, suerte

[kk_kill]

huuu, MUCHISIMAS GRACIAS SOS UN GENIO :)