<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="bbPress/1.1" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>THE MOLITOR FORUMS &#187; Topic: Getting those accordion-boxes  to work (toggleButtons)</title>
		<link>http://www.themolitor.com/forums/topic/getting-those-accordion-boxes-to-work-togglebuttons</link>
		<description>THE MOLITOR FORUMS &#187; Topic: Getting those accordion-boxes  to work (toggleButtons)</description>
		<language>en-US</language>
		<pubDate>Wed, 06 May 2026 11:54:19 +0000</pubDate>
		<generator>http://bbpress.org/?v=1.1</generator>
		<textInput>
			<title><![CDATA[Search]]></title>
			<description><![CDATA[Search all topics from these forums.]]></description>
			<name>q</name>
			<link>http://www.themolitor.com/forums/search.php</link>
		</textInput>
		<atom:link href="http://www.themolitor.com/forums/rss/topic/getting-those-accordion-boxes-to-work-togglebuttons" rel="self" type="application/rss+xml" />

		<item>
			<title>THE MOLITOR on "Getting those accordion-boxes  to work (toggleButtons)"</title>
			<link>http://www.themolitor.com/forums/topic/getting-those-accordion-boxes-to-work-togglebuttons#post-18322</link>
			<pubDate>Mon, 11 Feb 2013 01:17:18 +0000</pubDate>
			<dc:creator>THE MOLITOR</dc:creator>
			<guid isPermaLink="false">18322@http://www.themolitor.com/forums/</guid>
			<description><p>Awesome!</p>
<p>Please don't forget to rate the theme on your downloads page when you have the chance. It REALLY helps.</p>
<p>Thanks!</p>
<p>Chris
</p></description>
		</item>
		<item>
			<title>Retroga_me on "Getting those accordion-boxes  to work (toggleButtons)"</title>
			<link>http://www.themolitor.com/forums/topic/getting-those-accordion-boxes-to-work-togglebuttons#post-18312</link>
			<pubDate>Sun, 10 Feb 2013 02:44:34 +0000</pubDate>
			<dc:creator>Retroga_me</dc:creator>
			<guid isPermaLink="false">18312@http://www.themolitor.com/forums/</guid>
			<description><p>Got them working! I guess the css was cached or something.</p>
<p>Thanks for your support so far! Once the site's online I'll make sure to credit you big time!
</p></description>
		</item>
		<item>
			<title>Retroga_me on "Getting those accordion-boxes  to work (toggleButtons)"</title>
			<link>http://www.themolitor.com/forums/topic/getting-those-accordion-boxes-to-work-togglebuttons#post-18295</link>
			<pubDate>Fri, 08 Feb 2013 13:17:24 +0000</pubDate>
			<dc:creator>Retroga_me</dc:creator>
			<guid isPermaLink="false">18295@http://www.themolitor.com/forums/</guid>
			<description><p>Hi there.</p>
<p>This is the Author.php I got, just for testing:<br />
[sourcecode language="php"]<br />
&#60;?php get_header(); ?&#62;</p>
<p>&#60;div id="main"&#62;<br />
	&#60;div id="handle"&#62;&#60;/div&#62;<br />
	&#60;div id="closeBox"&#62;&#60;/div&#62;<br />
&#60;div class="toggleButton closed"&#62;&#60;span&#62;+&#60;/span&#62;GameList&#60;/div&#62;<br />
&#60;div id="gameList"&#62;<br />
&#60;p&#62;test&#60;/p&#62;<br />
&#60;/div&#62;<br />
&#60;div class="toggleButton"&#62;&#60;span&#62;+&#60;/span&#62;GameList&#60;/div&#62;<br />
&#60;div id="gameList"&#62;<br />
&#60;p&#62;test&#60;/p&#62;<br />
&#60;/div&#62;<br />
&#60;/div&#62;</p>
<p>&#60;?php<br />
get_sidebar();<br />
get_footer();<br />
?&#62;<br />
[/sourcecode]</p>
<p>And I put this in my style.css:<br />
[sourcecode language="css"]<br />
/* -----COMMENT STUFF----- */<br />
.toggleButton {<br />
	cursor: pointer;<br />
	color: #fff;<br />
	clear: both;<br />
	font-size: 10px;<br />
	padding: 5px 8px;<br />
	position: relative;<br />
	border: 1px solid #000;<br />
	border-width: 1px 0 1px;<br />
	background: #333;<br />
}<br />
.toggleButton:before {border: 1px solid #444; border: 1px solid rgba(255,2555,255,.05); content:""; position: absolute; top: 0; left: 0; right:0; bottom:0; z-index: 0;}<br />
.toggleButton:hover {color: #000;}<br />
.toggleButton span {float: right;}</p>
<p>#gameList {display:none; margin: 15px 0;}<br />
[/sourcecode]</p>
<p>This is from a clean install of WPNavigator, straight from ThemeForest. The only thing I did was add the Author.php and change that line in the styles.css. The boxes are still staying open.</p>
<p>Cheers!
</p></description>
		</item>
		<item>
			<title>THE MOLITOR on "Getting those accordion-boxes  to work (toggleButtons)"</title>
			<link>http://www.themolitor.com/forums/topic/getting-those-accordion-boxes-to-work-togglebuttons#post-18279</link>
			<pubDate>Fri, 08 Feb 2013 12:34:23 +0000</pubDate>
			<dc:creator>THE MOLITOR</dc:creator>
			<guid isPermaLink="false">18279@http://www.themolitor.com/forums/</guid>
			<description><p>Hi there,</p>
<p>Using your first example, try this...</p>
<pre><code>&#60;div class=&#34;toggleButton closed&#34;&#62;&#60;span&#62;+&#60;/span&#62;GameList&#60;/div&#62;
&#60;div id=&#34;gameList&#34;&#62;
&#60;?php //Set the user&#039;s Gamelist!
    $gamelist = $curauth-&#62;game_list;
    echo &#039;&#60;iframe src=&#34;http://docs.google.com/viewer?url=&#039;.$gamelist.&#039;&#38;embedded=true&#34; width=&#34;550&#34; height=&#34;500&#34; style=&#34;border: none;&#34;&#62;&#60;/iframe&#62;&#039;;
    ?&#62;
&#60;/div&#62;</code></pre>
<p>And then in the style.css, add the following...</p>
<pre><code>#gameList {display:none; margin: 15px 0;}</code></pre>
<p>Thanks!</p>
<p>Chris
</p></description>
		</item>
		<item>
			<title>Retroga_me on "Getting those accordion-boxes  to work (toggleButtons)"</title>
			<link>http://www.themolitor.com/forums/topic/getting-those-accordion-boxes-to-work-togglebuttons#post-18266</link>
			<pubDate>Thu, 07 Feb 2013 13:42:06 +0000</pubDate>
			<dc:creator>Retroga_me</dc:creator>
			<guid isPermaLink="false">18266@http://www.themolitor.com/forums/</guid>
			<description><p>I tried that, but that still doesn't work. Somehow all the boxes are open still.</p>
<p><a href="http://pastebin.com/WvKJry5b" rel="nofollow">http://pastebin.com/WvKJry5b</a></p>
<p>This is the author.php I've got.</p>
<p>Cheers &#38; thanks for the support so far!
</p></description>
		</item>
		<item>
			<title>THE MOLITOR on "Getting those accordion-boxes  to work (toggleButtons)"</title>
			<link>http://www.themolitor.com/forums/topic/getting-those-accordion-boxes-to-work-togglebuttons#post-18259</link>
			<pubDate>Thu, 07 Feb 2013 13:27:16 +0000</pubDate>
			<dc:creator>THE MOLITOR</dc:creator>
			<guid isPermaLink="false">18259@http://www.themolitor.com/forums/</guid>
			<description><p>I'm a bit confused because you have "Segment 2" listed twice, but the following in your first post...</p>
<pre><code>&#60;div class=&#34;toggleButton&#34;&#62;&#60;span&#62;+&#60;/span&#62;GameList&#60;/div&#62;</code></pre>
<p>...becomes this...</p>
<pre><code>&#60;div class=&#34;toggleButton closed&#34;&#62;&#60;span&#62;+&#60;/span&#62;GameList&#60;/div&#62;</code></pre>
<p>Thanks!</p>
<p>Chris
</p></description>
		</item>
		<item>
			<title>Retroga_me on "Getting those accordion-boxes  to work (toggleButtons)"</title>
			<link>http://www.themolitor.com/forums/topic/getting-those-accordion-boxes-to-work-togglebuttons#post-18253</link>
			<pubDate>Thu, 07 Feb 2013 11:53:55 +0000</pubDate>
			<dc:creator>Retroga_me</dc:creator>
			<guid isPermaLink="false">18253@http://www.themolitor.com/forums/</guid>
			<description><p>So do I wrap those like this:</p>
<p>&#60;div  class="toggleButton"&#62;&#60;span&#62;+&#60;/span&#62;Segment 1&#60;/div&#62;<br />
  &#60;div&#62;Stuff&#60;/div&#62;<br />
&#60;div  class="toggleButton closed"&#62;&#60;span&#62;+&#60;/span&#62;Segment 1&#60;/div&#62;</p>
<p>&#60;div  class="toggleButton"&#62;&#60;span&#62;+&#60;/span&#62;Segment 2&#60;/div&#62;<br />
  &#60;div&#62;Stuff2&#60;/div&#62;<br />
&#60;div  class="toggleButton closed"&#62;&#60;span&#62;+&#60;/span&#62;Segment 2&#60;/div&#62;</p>
<p>Or do I do it like this:</p>
<p>&#60;div  class="toggleButton open"&#62;&#60;span&#62;+&#60;/span&#62;Segment1&#60;/div&#62;<br />
&#60;div  class="toggleButton closed"&#62;&#60;span&#62;+&#60;/span&#62;Segment2&#60;/div&#62;<br />
&#60;div  class="toggleButton closed"&#62;&#60;span&#62;+&#60;/span&#62;Segment2&#60;/div&#62;</p>
<p>Sorry if this sounds stupid :P.
</p></description>
		</item>
		<item>
			<title>THE MOLITOR on "Getting those accordion-boxes  to work (toggleButtons)"</title>
			<link>http://www.themolitor.com/forums/topic/getting-those-accordion-boxes-to-work-togglebuttons#post-18252</link>
			<pubDate>Thu, 07 Feb 2013 11:13:05 +0000</pubDate>
			<dc:creator>THE MOLITOR</dc:creator>
			<guid isPermaLink="false">18252@http://www.themolitor.com/forums/</guid>
			<description><p>[moved to WordPress Navigator forum]
</p></description>
		</item>
		<item>
			<title>THE MOLITOR on "Getting those accordion-boxes  to work (toggleButtons)"</title>
			<link>http://www.themolitor.com/forums/topic/getting-those-accordion-boxes-to-work-togglebuttons#post-18249</link>
			<pubDate>Thu, 07 Feb 2013 11:08:20 +0000</pubDate>
			<dc:creator>THE MOLITOR</dc:creator>
			<guid isPermaLink="false">18249@http://www.themolitor.com/forums/</guid>
			<description><p>Hi there,</p>
<p>Make sure there is a "closed" class name as well...</p>
<pre><code>&#60;div class=&#34;toggleButton closed&#34;&#62;&#60;span&#62;+&#60;/span&#62;GameList&#60;/div&#62;</code></pre>
<p>Thanks!</p>
<p>Chris
</p></description>
		</item>
		<item>
			<title>Retroga_me on "Getting those accordion-boxes  to work (toggleButtons)"</title>
			<link>http://www.themolitor.com/forums/topic/getting-those-accordion-boxes-to-work-togglebuttons#post-18232</link>
			<pubDate>Thu, 07 Feb 2013 07:19:00 +0000</pubDate>
			<dc:creator>Retroga_me</dc:creator>
			<guid isPermaLink="false">18232@http://www.themolitor.com/forums/</guid>
			<description><p>Woops, this should go in the Wordpress-Templates area. Sorry!
</p></description>
		</item>
		<item>
			<title>Retroga_me on "Getting those accordion-boxes  to work (toggleButtons)"</title>
			<link>http://www.themolitor.com/forums/topic/getting-those-accordion-boxes-to-work-togglebuttons#post-18227</link>
			<pubDate>Thu, 07 Feb 2013 03:13:03 +0000</pubDate>
			<dc:creator>Retroga_me</dc:creator>
			<guid isPermaLink="false">18227@http://www.themolitor.com/forums/</guid>
			<description><p>Hi there! Really love the theme, but it was lacking an Author.php.</p>
<p>Now I'm trying to fiddle things together using the page.php and archive.php and I'm getting along pretty well.<br />
One thing though: how do I get the toggleboxes to stay closed when the page loads?</p>
<p>I've got the following for example:</p>
<pre><code>&#60;div class=&#34;toggleButton&#34;&#62;&#60;span&#62;+&#60;/span&#62;GameList&#60;/div&#62;
&#60;div&#62;
&#60;?php //Set the user&#039;s Gamelist!
    $gamelist = $curauth-&#62;game_list;
    echo &#039;&#60;iframe src=&#34;http://docs.google.com/viewer?url=&#039;.$gamelist.&#039;&#38;embedded=true&#34; width=&#34;550&#34; height=&#34;500&#34; style=&#34;border: none;&#34;&#62;&#60;/iframe&#62;&#039;;
    ?&#62;
&#60;/div&#62;</code></pre>
<p>And this shows the Google Docs viewer in the accordion/togglebutton div. But it only closes after I click it. It's open when the page loads.</p>
<p>I've checked the custom.js and the CSS of the class, and from what I can see I can use &#60;div  class="toggleButton opened"&#62; or &#60;div  class="toggleButton closed"&#62; but this doesn't seem to work.</p>
<p>Could you please give me a pointer on them? I don't need anything else cos I'm good to go, apart from the opened boxes.</p>
<p>Thanks in advance!</p>
<p>Vincent Veldkamp
</p></description>
		</item>

	</channel>
</rss>
