Add jquery effect into a conditional form

  • Profile Image
    edswartz
    Asked on January 20, 2014 at 09:55 AM

    I'd like to add a jQuery effect (fade in) when a user clicks on a checkbox that introdices additional questions. I have the conditions working properly and have downloaded the source code, but I'm just not sure how to "hook" the jQuery to the specific questions. In the source code I see: "visibility":"Show" for each of the fields I want to touch. However, since they are text strings I'm just not sure how to append the jQuery. I've done some research and have seen the posts about "jQuery No conflict," but I think my question is much more basic.  Apologies if this is a jQuery 101 Question, but would like to give my forma  little more "flair."

  • Profile Image
    ardy0689
    Answered on January 20, 2014 at 10:29 AM

    Thank you for contacting us. I am not sure if you can hook into the Condition feature we have as it is coded on a different Javascript Library using Prototype. jQuery and Prototype are different from each other in terms of coding but somewhat similar.

    I will research more on this and see if I can integrate the requested jQuery effect fade in prior to showing the fields via Condition. However, I can not give you an ETA for this to come up with a possible script. Rest assured that I will update you here with the possible implementations or approaches that you might have to take. Thank you

  • Profile Image
    ardy0689
    Answered on January 20, 2014 at 06:41 PM

    Hello, I managed to integrate the jQuery fadeIn effect in combination with the Condition showing.

    Please add this jQuery.noConflict script just right after your jQuery library include.




    Then add this custom script just below the end of the form tag



    Please see demo page here

    If you need further assistance, please do not hesitate to ask. Thank you

  • Profile Image
    edswartz
    Answered on January 20, 2014 at 10:59 PM

    Wow! Thank you for your quick and thoughtful response. I also needed to add the jQuery library (which I did not do the first time!) and now it works! Many thank you's!

  • Profile Image
    ashwin_d
    Answered on January 21, 2014 at 01:57 AM

    Hello edswartz,

    On behalf of my colleague, you are welcome.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    Grabbit Media 
    Answered on January 19, 2017 at 05:49 AM

    Wow thanks for sharing a useful information.

    Seo Expert