Jump to content

Ayuda con CSS en CMS


ThomasMery

Recommended Posts

Hola Comunidad,

 

Nesecito su ayuda.

 

Realize un CSS para Preguntas frecuentes (Pagina CMS) pero al ponerlo en el "BackOffice" me tira un error El campo content no es válido .

 

Lo pongo en donde dice Herramientes --> Codigo fuente

 

 

¿Que debo hacer? (Soy nuevo en prestashop, por lo tanto si me podrian explicar el paso a paso lo agredesco demasiado.

 

Adjunto codigo CSS.

<!DOCTYPE html>
<html>
<head>
<style>
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
</style>
</head>
<body>

<h2>Preguntas frecuentes</h2>
<p>Debe hacer click en la pregunta para ver la respuesta de cada pregunta.</p>
<button class="accordion">Como hago para comprar en www.soccercastle.com?</button>
<div class="panel">
  <p>Tenemos un video subido en nuestra fan page haciendo el paso a paso para comprar un producto en www.soccercastle.com lo puede ver en el   <p><b><a href="http://bit.ly/2qvbKM1" target="_blank">Siguiente link</a></b></p>

  </p>
</div>

<button class="accordion">Cuales son las formas de pago?</button>
<div class="panel">
  <p>En soccer castle aceptamos muchas formas de pago que son las siguientes :  
  <li>-Transferencia electronica (Manejada por khipu)</a></li>
<li>  -Pago con Tarjeta de Credito Visa,MasterCard y entre otras (Manejada por WebPay)
</a></li>
<li>  -Pago con Tarjeta de Debito en gran mayoria todos los bancos chilenos. 
</li>
<li>  -Pago a través de Servipag
</li>
<li>  -RedCompra
</li>
<li> Pago a través de Multicaja
</li> 
<li>   -Pago en efectivo en Caja Vecina (Deposito Bancario)
</li>


  

</p>
</div>


<button class="accordion">Cuál es el mínimo de artículos que se pueden comprar?</button>
<div class="panel">
  <p>En Soccer Castle se puede comprar por unidad.
</p>
</div>

<button class="accordion">Cuánto tarda en llegar mi pedido?</button>
<div class="panel">
  <p>Los tiempos de envío comienzan a correr a partir de la confirmación del pago. 

Los tiempos de demora en los envíos dependen de muchos factores que pueden ser ajenos a Soccer Castle. 

Por tal motivo, le recordamos que los envíos pueden demorar entre 48hs y 7 días hábiles y que, en caso de requerir productos fuere de stock o requerimientos especiales la demora puede ser de hasta 30 días hábiles.</p>
</div>



<button class="accordion">Puede otra persona recibir mi pedido?</button>
<div class="panel">
  <p>Puede recibirlo cualquier persona que se encuentre en el domicilio acordado.
</p>
</div>

<button class="accordion">Qué pasa si no hay nadie para recibir mi pedido? </button>
<div class="panel">
  <p>De no encontrarse persona alguna en el domicilio indicado por el usuario, la empresa de courier volverá al día siguiente, de no encontrarse nadie nuevamente, el pedido volverá a la empresa de courier, debiendo comunicarse con atención al cliente de Correos Chile para coordinar una nueva entrega.
</p>
</div>

<button class="accordion">Cómo hago para seguir mi pedido?</button>
<div class="panel">
  <p>Una vez que el pedido fue despachado, recibirás un correo electrónico informando el número de tracking, que te permitirá seguir el pedido a través del portal del courier correspondiente.
  

</p>
</div>

<button class="accordion">¿Son las camisetas originales?</button>
<div class="panel">
  <p>Los productos son réplicas idénticas de los originales. Se fabrican con los mismos materiales, seriegrafía, etiquetas, etc.
Vienen en bolsas de la marca, perfectamente empaquetadas.

  

</p>
</div>

<button class="accordion"> Mi pedido no llega, ¿qué hago?</button>
<div class="panel">
  <p>Si han pasado más de 14 días HABILES desde que realizó el pago contacte con [email protected] ya que es posible que su pedido haya quedado retenido en aduanas o haya problemas de stock. Tendrá una respuesta en menos de 24h.

  

</p>
</div>
<button class="accordion"> ¿Puedo pagar a contra reembolso? </button>
<div class="panel">
  <p>No.
  

</p>
</div>

<button class="accordion"> ¿El envio es gratis? </button>
<div class="panel">
  <p>Si es gratis, tambien hacemos envios internacionales y GRATIS.
  

</p>
</div>




<script>
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].onclick = function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight){
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  }
}
</script>

</body>
</html>

Link to comment
Share on other sites

Hola,

 

Aunque existe una forma de poder insertar "javascript" y "css" en el propio editor, pienso que es mas optimo dejar el css en un fichero *.css y dejar el javascript en un modulo que se imprima en el displayHeader.

 

Es decir, el CSS que muestras:

button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

Si es solo para los CMS, lo puedes meter al final del fichero:

/themes/plantilla/css/cms.css

Y el javascript:

<script>
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].onclick = function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight){
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  }
}
</script>

que no me he puesto analizar si en tu caso es correcto u dejar de ser correcto, puedes ponerlo por ejemplo en el displayHeader con el htmlbox https://mypresta.eu/modules/front-office-features/html-box.html sin tener que editar el header.tpl 

 

Y luego en el "codigo html" del Preferencias -> CMS, solo metes el contenido:

<h2>Preguntas frecuentes</h2>
<p>Debe hacer click en la pregunta para ver la respuesta de cada pregunta.</p>
<button class="accordion">Como hago para comprar en www.soccercastle.com?</button>
<div class="panel">
  <p>Tenemos un video subido en nuestra fan page haciendo el paso a paso para comprar un producto en www.soccercastle.com lo puede ver en el   <p><b><a href="http://bit.ly/2qvbKM1" target="_blank">Siguiente link</a></b></p>

  </p>
</div>

<button class="accordion">Cuales son las formas de pago?</button>
<div class="panel">
  <p>En soccer castle aceptamos muchas formas de pago que son las siguientes :  
  <li>-Transferencia electronica (Manejada por khipu)</a></li>
<li>  -Pago con Tarjeta de Credito Visa,MasterCard y entre otras (Manejada por WebPay)
</a></li>
<li>  -Pago con Tarjeta de Debito en gran mayoria todos los bancos chilenos. 
</li>
<li>  -Pago a través de Servipag
</li>
<li>  -RedCompra
</li>
<li> Pago a través de Multicaja
</li> 
<li>   -Pago en efectivo en Caja Vecina (Deposito Bancario)
</li>


  

</p>
</div>


<button class="accordion">Cuál es el mínimo de artículos que se pueden comprar?</button>
<div class="panel">
  <p>En Soccer Castle se puede comprar por unidad.
</p>
</div>

<button class="accordion">Cuánto tarda en llegar mi pedido?</button>
<div class="panel">
  <p>Los tiempos de envío comienzan a correr a partir de la confirmación del pago. 

Los tiempos de demora en los envíos dependen de muchos factores que pueden ser ajenos a Soccer Castle. 

Por tal motivo, le recordamos que los envíos pueden demorar entre 48hs y 7 días hábiles y que, en caso de requerir productos fuere de stock o requerimientos especiales la demora puede ser de hasta 30 días hábiles.</p>
</div>



<button class="accordion">Puede otra persona recibir mi pedido?</button>
<div class="panel">
  <p>Puede recibirlo cualquier persona que se encuentre en el domicilio acordado.
</p>
</div>

<button class="accordion">Qué pasa si no hay nadie para recibir mi pedido? </button>
<div class="panel">
  <p>De no encontrarse persona alguna en el domicilio indicado por el usuario, la empresa de courier volverá al día siguiente, de no encontrarse nadie nuevamente, el pedido volverá a la empresa de courier, debiendo comunicarse con atención al cliente de Correos Chile para coordinar una nueva entrega.
</p>
</div>

<button class="accordion">Cómo hago para seguir mi pedido?</button>
<div class="panel">
  <p>Una vez que el pedido fue despachado, recibirás un correo electrónico informando el número de tracking, que te permitirá seguir el pedido a través del portal del courier correspondiente.
  

</p>
</div>

<button class="accordion">¿Son las camisetas originales?</button>
<div class="panel">
  <p>Los productos son réplicas idénticas de los originales. Se fabrican con los mismos materiales, seriegrafía, etiquetas, etc.
Vienen en bolsas de la marca, perfectamente empaquetadas.

  

</p>
</div>

<button class="accordion"> Mi pedido no llega, ¿qué hago?</button>
<div class="panel">
  <p>Si han pasado más de 14 días HABILES desde que realizó el pago contacte con [email protected] ya que es posible que su pedido haya quedado retenido en aduanas o haya problemas de stock. Tendrá una respuesta en menos de 24h.

  

</p>
</div>
<button class="accordion"> ¿Puedo pagar a contra reembolso? </button>
<div class="panel">
  <p>No.
  

</p>
</div>

<button class="accordion"> ¿El envio es gratis? </button>
<div class="panel">
  <p>Si es gratis, tambien hacemos envios internacionales y GRATIS.
  

</p>
</div>


Decirte, que tu codigo no lo he probado ni lo he mirado por lo tanto no puedo decirte si funciona o deja de funcionar.

 

Suerte

Edited by Sergio Ruiz (see edit history)
Link to comment
Share on other sites

Wuaaa, un poco complicado lo que me dijiste gracias igual, intentare hacerlo espero no liarla.

 

 

aqui te dejo el codigo funcionando https://www.w3schools.com/code/tryit.asp?filename=FG1R89DNLJNV

 

saludos

Hola,

 

Aunque existe una forma de poder insertar "javascript" y "css" en el propio editor, pienso que es mas optimo dejar el css en un fichero *.css y dejar el javascript en un modulo que se imprima en el displayHeader.

 

Es decir, el CSS que muestras:

button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

Si es solo para los CMS, lo puedes meter al final del fichero:

/themes/plantilla/css/cms.css

Y el javascript:

<script>
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].onclick = function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight){
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  }
}
</script>

que no me he puesto analizar si en tu caso es correcto u dejar de ser correcto, puedes ponerlo por ejemplo en el displayHeader con el htmlbox https://mypresta.eu/modules/front-office-features/html-box.html sin tener que editar el header.tpl 

 

Y luego en el "codigo html" del Preferencias -> CMS, solo metes el contenido:

<h2>Preguntas frecuentes</h2>
<p>Debe hacer click en la pregunta para ver la respuesta de cada pregunta.</p>
<button class="accordion">Como hago para comprar en www.soccercastle.com?</button>
<div class="panel">
  <p>Tenemos un video subido en nuestra fan page haciendo el paso a paso para comprar un producto en www.soccercastle.com lo puede ver en el   <p><b><a href="http://bit.ly/2qvbKM1" target="_blank">Siguiente link</a></b></p>

  </p>
</div>

<button class="accordion">Cuales son las formas de pago?</button>
<div class="panel">
  <p>En soccer castle aceptamos muchas formas de pago que son las siguientes :  
  <li>-Transferencia electronica (Manejada por khipu)</a></li>
<li>  -Pago con Tarjeta de Credito Visa,MasterCard y entre otras (Manejada por WebPay)
</a></li>
<li>  -Pago con Tarjeta de Debito en gran mayoria todos los bancos chilenos. 
</li>
<li>  -Pago a través de Servipag
</li>
<li>  -RedCompra
</li>
<li> Pago a través de Multicaja
</li> 
<li>   -Pago en efectivo en Caja Vecina (Deposito Bancario)
</li>


  

</p>
</div>


<button class="accordion">Cuál es el mínimo de artículos que se pueden comprar?</button>
<div class="panel">
  <p>En Soccer Castle se puede comprar por unidad.
</p>
</div>

<button class="accordion">Cuánto tarda en llegar mi pedido?</button>
<div class="panel">
  <p>Los tiempos de envío comienzan a correr a partir de la confirmación del pago. 

Los tiempos de demora en los envíos dependen de muchos factores que pueden ser ajenos a Soccer Castle. 

Por tal motivo, le recordamos que los envíos pueden demorar entre 48hs y 7 días hábiles y que, en caso de requerir productos fuere de stock o requerimientos especiales la demora puede ser de hasta 30 días hábiles.</p>
</div>



<button class="accordion">Puede otra persona recibir mi pedido?</button>
<div class="panel">
  <p>Puede recibirlo cualquier persona que se encuentre en el domicilio acordado.
</p>
</div>

<button class="accordion">Qué pasa si no hay nadie para recibir mi pedido? </button>
<div class="panel">
  <p>De no encontrarse persona alguna en el domicilio indicado por el usuario, la empresa de courier volverá al día siguiente, de no encontrarse nadie nuevamente, el pedido volverá a la empresa de courier, debiendo comunicarse con atención al cliente de Correos Chile para coordinar una nueva entrega.
</p>
</div>

<button class="accordion">Cómo hago para seguir mi pedido?</button>
<div class="panel">
  <p>Una vez que el pedido fue despachado, recibirás un correo electrónico informando el número de tracking, que te permitirá seguir el pedido a través del portal del courier correspondiente.
  

</p>
</div>

<button class="accordion">¿Son las camisetas originales?</button>
<div class="panel">
  <p>Los productos son réplicas idénticas de los originales. Se fabrican con los mismos materiales, seriegrafía, etiquetas, etc.
Vienen en bolsas de la marca, perfectamente empaquetadas.

  

</p>
</div>

<button class="accordion"> Mi pedido no llega, ¿qué hago?</button>
<div class="panel">
  <p>Si han pasado más de 14 días HABILES desde que realizó el pago contacte con [email protected] ya que es posible que su pedido haya quedado retenido en aduanas o haya problemas de stock. Tendrá una respuesta en menos de 24h.

  

</p>
</div>
<button class="accordion"> ¿Puedo pagar a contra reembolso? </button>
<div class="panel">
  <p>No.
  

</p>
</div>

<button class="accordion"> ¿El envio es gratis? </button>
<div class="panel">
  <p>Si es gratis, tambien hacemos envios internacionales y GRATIS.
  

</p>
</div>


Decirte, que tu codigo no lo he probado ni lo he mirado por lo tanto no puedo decirte si funciona o deja de funcionar.

 

Suerte

Link to comment
Share on other sites

Sergio,

 

http://soccercastle.com/shop/content/6-preguntas-frecuentes

 

Logre hacerlo "Visualmente" pero no me hace la funcion de abrir al hacer click...

 

que crees que he hecho mal?

 

 

 

Hola,

 

Aunque existe una forma de poder insertar "javascript" y "css" en el propio editor, pienso que es mas optimo dejar el css en un fichero *.css y dejar el javascript en un modulo que se imprima en el displayHeader.

 

Es decir, el CSS que muestras:

button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

Si es solo para los CMS, lo puedes meter al final del fichero:

/themes/plantilla/css/cms.css

Y el javascript:

<script>
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].onclick = function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight){
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  }
}
</script>

que no me he puesto analizar si en tu caso es correcto u dejar de ser correcto, puedes ponerlo por ejemplo en el displayHeader con el htmlbox https://mypresta.eu/modules/front-office-features/html-box.html sin tener que editar el header.tpl 

 

Y luego en el "codigo html" del Preferencias -> CMS, solo metes el contenido:

<h2>Preguntas frecuentes</h2>
<p>Debe hacer click en la pregunta para ver la respuesta de cada pregunta.</p>
<button class="accordion">Como hago para comprar en www.soccercastle.com?</button>
<div class="panel">
  <p>Tenemos un video subido en nuestra fan page haciendo el paso a paso para comprar un producto en www.soccercastle.com lo puede ver en el   <p><b><a href="http://bit.ly/2qvbKM1" target="_blank">Siguiente link</a></b></p>

  </p>
</div>

<button class="accordion">Cuales son las formas de pago?</button>
<div class="panel">
  <p>En soccer castle aceptamos muchas formas de pago que son las siguientes :  
  <li>-Transferencia electronica (Manejada por khipu)</a></li>
<li>  -Pago con Tarjeta de Credito Visa,MasterCard y entre otras (Manejada por WebPay)
</a></li>
<li>  -Pago con Tarjeta de Debito en gran mayoria todos los bancos chilenos. 
</li>
<li>  -Pago a través de Servipag
</li>
<li>  -RedCompra
</li>
<li> Pago a través de Multicaja
</li> 
<li>   -Pago en efectivo en Caja Vecina (Deposito Bancario)
</li>


  

</p>
</div>


<button class="accordion">Cuál es el mínimo de artículos que se pueden comprar?</button>
<div class="panel">
  <p>En Soccer Castle se puede comprar por unidad.
</p>
</div>

<button class="accordion">Cuánto tarda en llegar mi pedido?</button>
<div class="panel">
  <p>Los tiempos de envío comienzan a correr a partir de la confirmación del pago. 

Los tiempos de demora en los envíos dependen de muchos factores que pueden ser ajenos a Soccer Castle. 

Por tal motivo, le recordamos que los envíos pueden demorar entre 48hs y 7 días hábiles y que, en caso de requerir productos fuere de stock o requerimientos especiales la demora puede ser de hasta 30 días hábiles.</p>
</div>



<button class="accordion">Puede otra persona recibir mi pedido?</button>
<div class="panel">
  <p>Puede recibirlo cualquier persona que se encuentre en el domicilio acordado.
</p>
</div>

<button class="accordion">Qué pasa si no hay nadie para recibir mi pedido? </button>
<div class="panel">
  <p>De no encontrarse persona alguna en el domicilio indicado por el usuario, la empresa de courier volverá al día siguiente, de no encontrarse nadie nuevamente, el pedido volverá a la empresa de courier, debiendo comunicarse con atención al cliente de Correos Chile para coordinar una nueva entrega.
</p>
</div>

<button class="accordion">Cómo hago para seguir mi pedido?</button>
<div class="panel">
  <p>Una vez que el pedido fue despachado, recibirás un correo electrónico informando el número de tracking, que te permitirá seguir el pedido a través del portal del courier correspondiente.
  

</p>
</div>

<button class="accordion">¿Son las camisetas originales?</button>
<div class="panel">
  <p>Los productos son réplicas idénticas de los originales. Se fabrican con los mismos materiales, seriegrafía, etiquetas, etc.
Vienen en bolsas de la marca, perfectamente empaquetadas.

  

</p>
</div>

<button class="accordion"> Mi pedido no llega, ¿qué hago?</button>
<div class="panel">
  <p>Si han pasado más de 14 días HABILES desde que realizó el pago contacte con [email protected] ya que es posible que su pedido haya quedado retenido en aduanas o haya problemas de stock. Tendrá una respuesta en menos de 24h.

  

</p>
</div>
<button class="accordion"> ¿Puedo pagar a contra reembolso? </button>
<div class="panel">
  <p>No.
  

</p>
</div>

<button class="accordion"> ¿El envio es gratis? </button>
<div class="panel">
  <p>Si es gratis, tambien hacemos envios internacionales y GRATIS.
  

</p>
</div>


Decirte, que tu codigo no lo he probado ni lo he mirado por lo tanto no puedo decirte si funciona o deja de funcionar.

 

Suerte

Link to comment
Share on other sites

Sergio,

 

http://soccercastle.com/shop/content/6-preguntas-frecuentes

 

Logre hacerlo "Visualmente" pero no me hace la funcion de abrir al hacer click...

 

que crees que he hecho mal?

 

No he probado el el código, ni puedo entrar ahora mismo a la web

 

¿Donde has insertado al final el codigo javascript? ¿en el header.tpl? ¿en el cms.js? ¿en el htmlbox colocado en el displayheader?

 

Quizas el codigo javascript que has obtenido haya que retocarlo para funcione en tu caso especifico, ya que no es un index basico.

Link to comment
Share on other sites

No he probado el el código, ni puedo entrar ahora mismo a la web

 

¿Donde has insertado al final el codigo javascript? ¿en el header.tpl? ¿en el cms.js? ¿en el htmlbox colocado en el displayheader?

 

Quizas el codigo javascript que has obtenido haya que retocarlo para funcione en tu caso especifico, ya que no es un index basico.

Actualizo mi mensaje, acabo de entrar a tu tienda y veo que ya tienes el codigo javascript insertado, pero te pega petardazo por lo que veo, al hacer click.

 

Desde la "console" en Chrome, puedes ver el error.

 

Pego imagen

 

post-447740-0-11434700-1496502304_thumb.png
 
Asi que parece un fallor el codigo javascript, a que ver como adaptarlo para que funcione en tu situacion.
 
Yo creo que el fallo origen empieza a partir de esta linea: 
 
    var panel = this.nextElementSibling;

Edited by Sergio Ruiz (see edit history)
Link to comment
Share on other sites

Entonces al solucion es eliminar esa linea?

 

Actualizo mi mensaje, acabo de entrar a tu tienda y veo que ya tienes el codigo javascript insertado, pero te pega petardazo por lo que veo, al hacer click.
 
Desde la "console" en Chrome, puedes ver el error.
 
Pego imagen

 

 
Asi que parece un fallor el codigo javascript, a que ver como adaptarlo para que funcione en tu situacion.
 
Yo creo que el fallo origen empieza a partir de esta linea: 
 
    var panel = this.nextElementSibling;

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...