Support » Plugin: Contact Form 7 - Conditional Fields » “Animation in” not working

  • Resolved javigaar


    Hi @ jules-colle

    Thanks for this great plugin!

    I’m having trouble animating hidden content (site is still under development, I don’t have any links to submit, sorry).

    Hidden panels appear without animation, but disappear with correct animation (with the time set in settings).

    I have noticed that the plugin site has the same problem in several of your examples too, for example here

    I’ve changed the theme, disabled (and unqueued!) other scripts and CSS, and nothing changed. The “In animation” is gone: = (

    Some clue?

    Thanks in advance

    • This topic was modified 3 months, 3 weeks ago by javigaar.
Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Jules Colle


    I noticed this too, but I don’t really mind. I was actually waiting for the first person to complain about this before looking into it 🙂 So thanks for putting on my agenda.

    PS: You mention my site has the problem in several places. Did you happen to find any pages without the problem?

    • This reply was modified 3 months, 3 weeks ago by Jules Colle.
    Thread Starter javigaar


    Thanks for the quick response!

    I’m reviewing now and in fact I only see smooth animations in repeaters. Do they have the same jquery controllers?

    Thread Starter javigaar


    Another clue. I have noticed that when a group is shown, the animation is not happening. The class “wpcf7cf-hidden” is removed and the property display becomes “block” without a transition. Is when the group is hidden again, that I can see the hide() jquery transition.

    I have looked for the trigger function in the script and I’ve hardcoded the animation type to SlideDown(). It is working now! I know it’s just a patch for my case, but maybe it will help find the thing.

    Obviously, the animation time defined in the plugin properties is not being respected in this way.

    scrip.js / Line 412

        if ($group.css('display') === 'none' && !$group.hasClass('wpcf7cf-hidden')) {
          if ($group.prop('tagName') === 'SPAN' || $':hidden')) {
          } else {
            //$group.animate(wpcf7cf_show_animation, animation_intime).trigger('wpcf7cf_show_group'); // show
            $group.slideDown(); // show
    Plugin Author Jules Colle


    Ha thanks for that. Your pointed out the exact problem! I probably got impatient while writing some automated a while ago, and I “temporarily” disabled the transition in the source code to speed up the tests. I’ll make sure to enable it back with the next update, so you can safely update when the update arrived, your transitions will keep working.

    Thread Starter javigaar


    Your welcome, and thank you for your work 🙂

    Hey there.

    Sorry for hijacking this, but we are also waiting for an update to make this work again for some weeks.
    Is there and ETA for it or maybe in the meanwhile a working code snippet to make it work until the update arrives?
    I see @javigaar pointed the problem but couldn’t make it work at my end.

    Thank you!

    Plugin Author Jules Colle


    javigaar’s workaround should work for now. Make sure to make the changes in wp-content/plugins/contact-form-7-conditional-fields-pro/js/scripts.js near line 412

    Also do some CTRL+Shift+R stuff to clear your browser cache after the change is live

    Hey Jules. Thanks for pointing out, I could make it work.


    Looks like this hasn’t been fixed in the latest update after all. I had used Javigaar’s solution — it totally works, but I’ve just had to apply it all over again because the update overrode my changes.

    Please restore this feature in the next update and thank you for this plugin.


    Plugin Author Jules Colle


    Oops sorry about that, I had to rush with some updates and forgot about this one. I’ve added it to my bug list:

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.