<?xml version="1.0" encoding="UTF-8"?>
	<rss version="2.0"
		xmlns:content="http://purl.org/rss/1.0/modules/content/"
		xmlns:wfw="http://wellformedweb.org/CommentAPI/"
		xmlns:dc="http://purl.org/dc/elements/1.1/"
		xmlns:atom="http://www.w3.org/2005/Atom"

			>

	<channel>
		<title>BlueOwlCreative  &#187;  Topic: Accordion issues</title>
		<atom:link href="http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/feed/" rel="self" type="application/rss+xml" />
		<link>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/feed/</link>
		<description></description>
		<pubDate>Sat, 18 Jul 2026 02:57:56 +0000</pubDate>
		<generator>http://bbpress.org/?v=2.5.3-5249</generator>
		<language>en-US</language>

		
														
					
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-14798</guid>
					<title><![CDATA[Accordion issues]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-14798</link>
					<pubDate>Fri, 03 Jan 2014 10:48:23 +0000</pubDate>
					<dc:creator>keithdleitch</dc:creator>

					<description>
						<![CDATA[
						<p>I&#8217;m trying to add a form inside an accordion, so when you click the accordion it reveals the form. However, when a user types in the form the accordion is closing? Is there a way to keep it open?</p>
<p>I&#8217;ve tried using other plug-ins like shortcode ultimate and wp ui and use a jquery spoiler button, but they conflict with your tabs shortcodes.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-17953</guid>
					<title><![CDATA[Re: Accordian issues]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-17953</link>
					<pubDate>Sun, 05 Jan 2014 14:07:50 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Hi, do you have a URL I can take a look at? Thanks! <img src="http://blueowlcreative.com/support_wp/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /> </p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-17954</guid>
					<title><![CDATA[Re: Accordian issues]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-17954</link>
					<pubDate>Mon, 06 Jan 2014 10:01:30 +0000</pubDate>
					<dc:creator>keithdleitch</dc:creator>

					<description>
						<![CDATA[
						<p><a href="http://blueowlcreative.com/wp/aqua/elements/" rel="nofollow">http://blueowlcreative.com/wp/aqua/elements/</a></p>
<p>In you accordian, when you click anywhere in the content portion it just closes the accordian.  In a normal JQuery accoridian the header area controls the open/close.  Basically, you can&#8217;t add anything that requires a click or entry (like a form) to your accordian. Anyway to turn the close off when you click accordian tab content?</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-17955</guid>
					<title><![CDATA[Reply To: Accordion issues]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-17955</link>
					<pubDate>Wed, 08 Jan 2014 03:56:52 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>I see,</p>
<p>You could edit your common.js :</p>
<pre><code>$(&quot;.acc_item&quot;).click(function(){

$(this).siblings().children(&quot;.accordion_content&quot;).not($(this).find(&quot;.accordion_content&quot;)).slideUp(600,&#039;easeInOutExpo&#039;);
$(this).siblings().children(&quot;.accordion&quot;).not($(this).find(&quot;.accordion&quot;)).removeClass(&quot;active_acc&quot;);

$(this).find(&quot;.accordion&quot;).next(&quot;.accordion_content&quot;).slideToggle(600,&#039;easeInOutExpo&#039;);

if($(this).find(&quot;.accordion&quot;).hasClass(&#039;active_acc&#039;)){
$(this).find(&quot;.accordion&quot;).removeClass(&quot;active_acc&quot;);
}else{
$(this).find(&quot;.accordion&quot;).addClass(&quot;active_acc&quot;);
}
});</code></pre>
<p>and change the JS events that control the according if you feel like. Another option would be to get a plugin with a different accordion.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-18253</guid>
					<title><![CDATA[Reply To: Accordion issues]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-18253</link>
					<pubDate>Fri, 14 Mar 2014 17:32:54 +0000</pubDate>
					<dc:creator>wjansen1</dc:creator>

					<description>
						<![CDATA[
						<p>Hi Keithdleitch,</p>
<p>Did you manage to solve the issue with the accordion closing when clicked in the content?<br />
If so, what did you update to prevent the accordion from closing, yet being closed when clicked upon the header area?<br />
Thanks in advance for helping me out.<br />
Rgrds,<br />
Willem</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-18347</guid>
					<title><![CDATA[Reply To: Accordion issues]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-18347</link>
					<pubDate>Sun, 16 Mar 2014 16:29:07 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Hi Willem,</p>
<p>Try replacing the above code with this:</p>
<pre><code>
$(".accordion").click(function(){
		$(this).parent('.acc_item').siblings().children(".accordion_content").not($(this).siblings(".accordion_content")).slideUp(600,'easeInOutExpo');
		$(this).parent('.acc_item').siblings().children(".accordion").not($(this)).removeClass("active_acc");

		$(this).next(".accordion_content").slideToggle(600,'easeInOutExpo');
		
		if($(this).hasClass('active_acc')){
			$(this).removeClass("active_acc");
		}else{
			$(this).addClass("active_acc");
		}
	});
</code></pre>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-18369</guid>
					<title><![CDATA[Reply To: Accordion issues]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-18369</link>
					<pubDate>Sun, 16 Mar 2014 22:18:49 +0000</pubDate>
					<dc:creator>wjansen1</dc:creator>

					<description>
						<![CDATA[
						<p>Hi there,</p>
<p>That did solve just one part of the matter. Thus not being able to close the accordion when clicked in the content. But now also making it impossible to click on any image placed in the content. And that is not what I had in mind. Blocking the accordion from closing is fine, but one should also have the option to resize any image placed in the content. That shouldn&#8217;t be that difficult, should it? Any other suggestions to get this realized? </p>
<p>Rgrds,<br />
Willem</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-18370</guid>
					<title><![CDATA[Reply To: Accordion issues]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/accordian-issues/#post-18370</link>
					<pubDate>Mon, 17 Mar 2014 07:57:37 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Hi Willem,</p>
<p>How does that disable any events within the content, do you have a URL I can take a look at? <img src="http://blueowlcreative.com/support_wp/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /> </p>
						]]>
					</description>

					
					
				</item>

					
		
	</channel>
	</rss>

