GK-FAQ tables error

Hi guys!

I´m working on a wordpress site with Events Theme installed. I need to make a FAQ section with accordion to show some tables. In other page the class "gk-faq" works properly, but in the page that i´m working now the collapsable effect not work and shows all the FAQ tabs open. I review the code and I only see one difference, the new FAQ contain tables...The FAQ feature only works with plain text?

Working code:

Code: Select all

<div>
<dl class="gk-faq">
<dt></dt>
<dd><p></p></dd>
</dl>
</div>

Not Working Code:

Code: Select all

<div>
<dl class="gk-faq">
<dt></dt>
<dd><table></table></dd>
</dl>
</div>

Working Example: http://eurogen2017.etsiae.upm.es/minisymposia/
Not Working Example: http://eurogen2017.etsiae.upm.es/eurogen2017/programme/

There is a way to fix it?

Hi,

Try to add the following custom css code:

Code: Select all

.gk-faq dd table {
   margin: -100% 0 0 0;
   opacity: 0;
   padding: 20px;
   -webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
   -ms-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out;
}
.gk-faq dt.active + dd > table {
   margin-top: 0;
   opacity: 1;
}