Title: Multiple divs
Last modified: December 19, 2023

---

# Multiple divs

 *  Resolved [radu88](https://wordpress.org/support/users/radu88/)
 * (@radu88)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/multiple-divs/)
 * Hey CFF team,
 * First of all thanks for a great plugin! I currently have the following setup:
    - One div (let’s call it A) and inside that div, I have two divs (A.1 and A.
      2)
    - In div A.1 I have fields where user inputs data
    - In div A.2 I have calculated fields that dynamically change based on what 
      the user fills in div A.1
 * What I need to get done:
    - Create another div, independent of the ‘main div’ from above – let’s call 
      it B
    - Add a button inside div A.1 as mentioned above
    - Upon pressing the button, the newly created div B should appear with calculated
      fields.
 * I’m struggling to find a way to add the button and on pressing it more content
   to appear – do you think you could point me in the right direction?
 * Thank you!

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/multiple-divs/#post-17288369)
 * Hello [@radu88](https://wordpress.org/support/users/radu88/)
 * Thank you very much for using our plugin. And alternative would be to enter the`
   hide` class name through the “Add CSS Layout Keywords” attribute in the DIV B
   settings. I’ll call it fieldname123. And then, in the onclick button event, you
   can enter the piece of code:
 *     ```wp-block-code
       SHOWFIELD('fieldname123')
       ```
   
 * And that’s all.
 * Best regards.
 *  Thread Starter [radu88](https://wordpress.org/support/users/radu88/)
 * (@radu88)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/multiple-divs/#post-17290214)
 * Hey,
 * Appreciate the fast response! Unfortunately, I could not get it to work using
   the way you mentioned – see [https://prnt.sc/zjNSTjJ2zAB9](https://prnt.sc/zjNSTjJ2zAB9)
   + [https://prnt.sc/mLFQpq_e3mKS](https://prnt.sc/mLFQpq_e3mKS) but I did get 
   it to work by using the jQuery(‘.hide’).removeClass(‘hide’); event – is this 
   the correct way?
 * Also, I do have additional questions not related to this particular issue, should
   I open new threads?
 * Appreciate your time!
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/multiple-divs/#post-17290236)
 * Hello [@radu88](https://wordpress.org/support/users/radu88/)
 * Please provide the link to the page containing the form to check your code in
   action.
 * Best regards.
 *  Thread Starter [radu88](https://wordpress.org/support/users/radu88/)
 * (@radu88)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/multiple-divs/#post-17290256)
 * Hey, sure – see [http://tinyurl.com/65xr7arm](http://tinyurl.com/65xr7arm)
 * Thank you!
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/multiple-divs/#post-17290264)
 * Hello [@radu88](https://wordpress.org/support/users/radu88/)
 * Thank you very much.
 * The SHOWFIELD is not working on your website because the theme active defines
   the hide class name too, but this time with the !important modifier:
 *     ```wp-block-code
       .hide {
           display: none!important;
       }
       ```
   
 * Into the file:
 * [https://russellmarketing.co/wp-content/themes/hello-elementor/theme.min.css](https://russellmarketing.co/wp-content/themes/hello-elementor/theme.min.css)
 * However, I see you have implemented a solution to your case by removing the hide
   class name from the field:
 *     ```wp-block-code
       jQuery('.hide').removeClass('hide');
       ```
   
 * Best regards.
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/multiple-divs/#post-17292069)
 * Hello [@radu88](https://wordpress.org/support/users/radu88/)
 * Please install the latest plugin update, released just now, and purge your website
   and browser caches. And finally, try with the `SHOWFIELD('fieldname19')` piece
   of code again.
 * Best regards.
 *  Thread Starter [radu88](https://wordpress.org/support/users/radu88/)
 * (@radu88)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/multiple-divs/#post-17292602)
 * Perfect, works as it should!
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/multiple-divs/#post-17292784)
 * Hello [@radu88](https://wordpress.org/support/users/radu88/)
 * Thank you very much for the feedback.
 * Best regards.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Multiple divs’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

 * 8 replies
 * 2 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [2 years, 5 months ago](https://wordpress.org/support/topic/multiple-divs/#post-17292784)
 * Status: resolved