https://legacy.forums.gravityhelp.com/topic/disguise-checkbox-field-as-jquery-accordion Gravity Support Forums Topic: "Disguise" checkbox field as "jquery accordion" en-US Sat, 04 Apr 2026 12:23:46 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/disguise-checkbox-field-as-jquery-accordion#post-41092 Mon, 14 Nov 2011 21:36:03 +0000 Chris Hajer 41092@https://legacy.forums.gravityhelp.com/ <p>Thanks for the assist richard. </p> https://legacy.forums.gravityhelp.com/topic/disguise-checkbox-field-as-jquery-accordion#post-41052 Mon, 14 Nov 2011 16:28:52 +0000 Richard Vav 41052@https://legacy.forums.gravityhelp.com/ <p>Hi Sascha, I have had a thought about how you could achieve this, if this is the same form your slider is on, since you are loading jquery ui you could turn your check box into a button <a href="http://jqueryui.com/demos/button/#checkbox" rel="nofollow">http://jqueryui.com/demos/button/#checkbox</a> </p> <p>The button options could then be modified to add your plus icon or arrow and the CSS customised to make it however wide you want and reduce the margins to bring the section closer to the bottom edge of the button to give it more of an accordion appearance.</p> <p>Richard </p> https://legacy.forums.gravityhelp.com/topic/disguise-checkbox-field-as-jquery-accordion#post-40934 Sun, 13 Nov 2011 07:43:05 +0000 sascha 40934@https://legacy.forums.gravityhelp.com/ <p>Hi there,<br /> is it somehow possible to "disguise" a checkbox field as a jquery accordion heading/field? Basically I would like to use conditional logic on a section called "Project Details". This section is only shown when checkbox field "Would you like to add any detailed information" is checked. Now that does not look very elegant. I woud rather have an accordion style heading "Project Details" with a plus sign (or arrow to the side) at the end of the line. Once clicked on the heading the "conditional logic" gets activated and all the fields in the section "Project Details" are shown.<br /> How can I go about getting the desired effect? Is Conditional Logic here the best approach or should I go down the road of JQuery?<br /> Has anyone solved a similar situation? </p>