Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/06/2014, 07:20
quimfv
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 17 años
Puntos: 574
Respuesta: Problema con evento: tengo que dar 2 clic para que funcione!

Te complicas mucho la vida no???

Código Javascript:
Ver original
  1. function mostrar_ocultar(ID){
  2. var divs = Array("div1","div2");
  3. var IDa=ID;
  4. var IDb="";
  5. if(divs[0]==ID){
  6.    IDb=divs[1];
  7. }else{
  8.    IDb=divs[0];
  9. }
  10. if(document.getElementById(IDa+"b").style.display==""){
  11.      document.getElementById(IDa+"b").style.display="none";
  12. }else{
  13.      document.getElementById(IDa+"b").style.display="";
  14. }
  15.     document.getElementById(IDb+"b").style.display="none";
  16. }


Código HTML:
Ver original
  1. <div id="div1" onclick='mostrar_ocultar(this.id)' style="clear:both">
  2.                 Click aquí 1
  3.         </div>
  4.         <div id="div1b" style="display:none">
  5.             Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos.
  6.         </div>
  7.  
  8. <!-- ............................. -->
  9.  
  10.         <div id="div2" onclick="mostrar_ocultar(this.id)" style="clear:both">
  11.                 Click aquí 2
  12.         </div>
  13.         <div id="div2b" style="display:none">
  14.             Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos.
  15.         </div>

Mi ejemplo lo hace cambiando el style, pero lo podrias hacer cambiando el class (usando un visible y otro no visible)
__________________
Quim
--------------------------------------------------
Ayudar a ayudar es una buena práctica!!! Y da buenos resultados.