What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Add jquery effect into a conditional form

    Asked by edswartz 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."

    Page URL:
    http://form.jotform.us/form/40175788973167

    conditional form checkbox source no conflict and
  • Profile Image
    JotForm Support

    Answered by ardy0689 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
    JotForm Support

    Answered by ardy0689 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

    Answered by edswartz 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
    JotForm Support

    Answered by ashwin_d 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!