http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Thu, 23 May 2013 20:08:10 +0000 http://themeshaper.com/forums/topic/toggleshowhide-a-widget-or-div#post-6458 Sat, 12 Sep 2009 15:47:54 +0000 Chris 6458@http://themeshaper.com/forums/ <p>Hi,</p> <p>you forgot a <code>)</code> before closing the script tag.</p> <p>Chris </p> http://themeshaper.com/forums/topic/toggleshowhide-a-widget-or-div#post-6440 Fri, 11 Sep 2009 17:09:47 +0000 Brydave 6440@http://themeshaper.com/forums/ <p>Hi everyone,</p> <p>I found this tutorial at wpcult.com, and am trying to implement it in my header, however I can't seem to get it to work.</p> <p>link to tutorial:<br /> <a href="http://wpcult.com/how-to-showhide-a-widget-in-wordpress-with-jquery/" rel="nofollow">http://wpcult.com/how-to-showhide-a-widget-in-wordpress-with-jquery/</a></p> <p>basically I've added a widgetized area in my header by adding it into my functions.php:</p> <pre><code>&lt;code&gt;register_sidebar(array( &#39;name&#39; =&gt; &#39;Expand Aside&#39;, &#39;id&#39; =&gt; &#39;expand&#39;, &#39;before_widget&#39; =&gt; &#39;&lt;li id=&quot;%1$s&quot; class=&quot;widgetcontainer %2$s&quot;&gt;&#39;, &#39;after_widget&#39; =&gt; &quot;&quot;, &#39;before_title&#39; =&gt; &quot;&lt;h3 class=\&quot;widgettitleexpand\&quot;&gt;&quot;, &#39;after_title&#39; =&gt; &quot;&lt;/h3&gt;\n&quot;, ));</code></pre> <p>The widget displays fine, and I've changed the tutorial code accordingly:<br /> (#expand is the div id I added to the #header)<br /> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; //for toggling widgets function toggleWidgets() { jQuery(&#39;#expand h3.widgettitleexpand&#39;).addClass(&#39;plus&#39;); jQuery(&#39;#expand h3.widgettitleexpand&#39;).click(function() { $(this).toggleClass(&#39;plus&#39;).toggleClass(&#39;minus&#39;).next().toggle(180); }); } jQuery(document).ready(function() { toggleWidgets(); } &lt;/script&gt;</code></pre> <p>I don't know if it's just not using wp_enqueue_script('jquery'); or what, so any suggestions would be really appreciated since I am definitely a jquery noob...</p> <p>Thanks again! </p>