https://www.machform.com/forums/ MachForm Community Forums Topic: Show/Hide question en Mon, 04 May 2026 00:19:13 +0000 https://www.machform.com/forums/topic/showhide-question#post-15416 Fri, 20 Jul 2012 21:37:25 +0000 yuniar 15416@https://www.machform.com/forums/ <p>the above is valid for version 2 only. If you are using v3.3 already, the line should be around line 4946 </p> https://www.machform.com/forums/topic/showhide-question#post-15413 Fri, 20 Jul 2012 21:15:00 +0000 Lobbyof 15413@https://www.machform.com/forums/ <p>Hi, has the location (line number) of the place to insert the above code changed since this was answered? I can't find the relevant line at position 1825 (or nearby)? </p> https://www.machform.com/forums/topic/showhide-question#post-8545 Fri, 29 Jan 2010 05:38:11 +0000 christo 8545@https://www.machform.com/forums/ <p>Thanks very much for the reply. This is perfect!<br /> Take care!<br /> Chris </p> https://www.machform.com/forums/topic/showhide-question#post-8380 Wed, 13 Jan 2010 13:19:19 +0000 redityo 8380@https://www.machform.com/forums/ <p>Hi,</p> <p>Yes it's, if you need to define which form you need to apply, you can try to edit view-functions.php file and follow these steps :</p> <p>1. Go to line 1825 for this code :</p> <pre><code>$form_markup = &lt;&lt;&lt;EOT</code></pre> <p>and put your javascript code exactly above that line like this :</p> <pre><code>if ($_GET[&#39;id&#39;] == 9) { $custom_js =&lt;&lt;&lt;EOT &lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery/jquery-core.js&quot;&gt;&lt;/script&gt; &lt;script&gt; $(document).ready(function(){ $(&#39;#li_10&#39;).css(&#39;display&#39;,&#39;none&#39;); $(&#39;#li_11&#39;).css(&#39;display&#39;,&#39;none&#39;); $(&#39;#li_12&#39;).css(&#39;display&#39;,&#39;none&#39;); $(&#39;#li_13&#39;).css(&#39;display&#39;,&#39;none&#39;); $(&#39;#element_98_1&#39;).click(function(){ $(&#39;#li_10&#39;).toggle(); $(&#39;#li_11&#39;).toggle(); $(&#39;#li_12&#39;).toggle(); $(&#39;#li_13&#39;).toggle(); }); }); &lt;/script&gt; EOT; } elseif ($_GET[&#39;id&#39;] == 13) { $custom_js =&lt;&lt;&lt;EOT &lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery/jquery-core.js&quot;&gt;&lt;/script&gt; &lt;script&gt; $(document).ready(function(){ $(&#39;#li_10&#39;).css(&#39;display&#39;,&#39;none&#39;); $(&#39;#li_11&#39;).css(&#39;display&#39;,&#39;none&#39;); $(&#39;#li_12&#39;).css(&#39;display&#39;,&#39;none&#39;); $(&#39;#li_13&#39;).css(&#39;display&#39;,&#39;none&#39;); $(&#39;#element_37_1&#39;).click(function(){ $(&#39;#li_10&#39;).toggle(); $(&#39;#li_11&#39;).toggle(); $(&#39;#li_12&#39;).toggle(); $(&#39;#li_13&#39;).toggle(); }); }); &lt;/script&gt; EOT; }</code></pre> <p>2. Go to around line 1871, you'll see this code :</p> <pre><code>{$calendar_js}</code></pre> <p>then change it to</p> <pre><code>{$custom_js} {$calendar_js}</code></pre> https://www.machform.com/forums/topic/showhide-question#post-8376 Wed, 13 Jan 2010 00:03:20 +0000 christo 8376@https://www.machform.com/forums/ <p>Hi,<br /> Reference <a href="http://www.appnitro.com/forums/topic/checkbox-to-open-a-second-address-field?replies=6#post-8262." rel="nofollow">http://www.appnitro.com/forums/topic/checkbox-to-open-a-second-address-field?replies=6#post-8262.</a></p> <p>Wouldn't there be a problem if you have 2 separate forms with the same element id and li reference? Is there a need (and way to implement - if there is) to tell the script which form to apply this to?</p> <p>I realized this as I was adding the following to view-functions.php per the instruction as follows for 2 different forms form 9 and form 13.</p> <p>Your help would be appreciated.</p> <p>/*Form 9 Categories */<br /> $(document).ready(function(){<br /> $('#li_10').css('display','none');<br /> $('#li_11').css('display','none');<br /> $('#li_12').css('display','none');<br /> $('#li_13').css('display','none');<br /> $('#element_98_1').click(function(){<br /> $('#li_10').toggle();<br /> $('#li_11').toggle();<br /> $('#li_12').toggle();<br /> $('#li_13').toggle();<br /> });<br /> });<br /> /*Form 13 Hours of operation*/<br /> $(document).ready(function(){<br /> $('#li_10').css('display','none');<br /> $('#li_11').css('display','none');<br /> $('#li_12').css('display','none');<br /> $('#li_13').css('display','none');<br /> $('#element_37_1').click(function(){<br /> $('#li_10').toggle();<br /> $('#li_11').toggle();<br /> $('#li_12').toggle();<br /> $('#li_13').toggle();<br /> });<br /> });<br /> &lt;/script </p>