Support » Plugin: Collapse-O-Matic » Arrow not showing

  • I just installed this great plugin on y new setup of WordPress 3.9. This is a test environment for a client who wants the expansion feature for a FAQ section. Expanding and collapsing works great – but the arrows don’t show! I am currently still using the WordPress Twenty Twelve Theme as I am testing out plugins only on this environment. The image files for the arrows are all there and the CSS code is right. The arrows just don’t show. Any idea why?

Viewing 8 replies - 1 through 8 (of 8 total)
  • What’s your website? Post a link or some code.

    As I mentioned above it is a test environment that is not public. It’s a fresh WordPress 3.9 install with the Twenty Twelve Theme and only this plugin installed. No changes made to any code at all. In fact, the arrows don’t show with any of the WordPress default themes. I can post some code if you tell me what code you want but as I said I didn’t make any changes to the standard code of either the plugin or the theme.

    Plugin Author Baden


    You say it’s a test environment, can you describe that a bit more? Sounds like your test environ is having trouble knowing where the plugin is installed. Regardless, this issue will not be present when you move to an accessible HTTP environment.

    Our test environment is a subdomain of our regular domain. So it does sit on the same http config than the final project. I can’t publically post the name of the subdomain though as it is used for several different test projects and password protected. The plugin itself works great, even the triggers work flawlessly. Just the arrows don’t show for some reason, no matter what theme I use. I reinstalled the plugin and the issue is the same. Could it be because I’m running it on the newest WordPress version?

    Can you post the source code for the page? Right-click on the page and click on view source, then copy and paste it here.


    simply post the code directly from your “edit Page” within wordpress.

    This is the relevant source code for the text part that uses the plugin (I took out the web address and replaced it with www btw):

    <div class="entry-content">
    			<p>This is the summarized text.</p>
    <strong class="collapseomatic " id="id6253"  title="Please click here">Please click here</strong><div id="target-id6253" class="collapseomatic_content ">This is the additional text</div>
    					</div><!-- .entry-content -->
    		<footer class="entry-meta">
    			This entry was posted in <a href="http://www/kw/?cat=1" title="View all posts in Uncategorized" rel="category">Uncategorized</a> on <a href="http://www/kw/?p=1" title="1:38 pm" rel="bookmark"><time class="entry-date" datetime="2014-05-02T13:38:53+00:00">May 2, 2014</time></a><span class="by-author"> by <span class="author vcard"><a class="url fn n" href="http://www/kw/?author=1" title="View all posts by admin" rel="author">admin</a></span></span>.			<span class="edit-link"><a class="post-edit-link" href="http://www/wp-admin/post.php?post=1&action=edit">Edit</a></span>					</footer><!-- .entry-meta -->
    	</article><!-- #post -->

    I can’t see an image tag for the arrow in the source code.

    Since I am loading the plugin in the header (I changed it to footer and the arrow didn’t show either), here’s also the header:

    <!DOCTYPE html>
    <!--[if IE 7]>
    <html class="ie ie7" lang="en-US">
    <!--[if IE 8]>
    <html class="ie ie8" lang="en-US">
    <!--[if !(IE 7) | !(IE 8)  ]><!-->
    <html lang="en-US">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <title>My Blog | My WordPress Blog</title>
    <link rel="profile" href="" />
    <link rel="pingback" href="http://www/kw/xmlrpc.php" />
    <!--[if lt IE 9]>
    <script src="http://www/kw/wp-content/themes/twentytwelve/js/html5.js" type="text/javascript"></script>
    <link rel="alternate" type="application/rss+xml" title="My Blog &raquo; Feed" href="http://www/kw/?feed=rss2" />
    <link rel="alternate" type="application/rss+xml" title="My Blog &raquo; Comments Feed" href="http://www/kw/?feed=comments-rss2" />
    <link rel='stylesheet' id='open-sans-css'  href='//' type='text/css' media='all' />
    <link rel='stylesheet' id='dashicons-css'  href='http://www/kw/wp-includes/css/dashicons.min.css?ver=3.9' type='text/css' media='all' />
    <link rel='stylesheet' id='admin-bar-css'  href='http://www/kw/wp-includes/css/admin-bar.min.css?ver=3.9' type='text/css' media='all' />
    <link rel='stylesheet' id='collapseomatic-css-css'  href='http://www/kw/wp-content/plugins/jquery-collapse-o-matic/light_style.css?ver=1.5.7' type='text/css' media='all' />
    <link rel='stylesheet' id='twentytwelve-fonts-css'  href=',700italic,400,700&subset=latin,latin-ext' type='text/css' media='all' />
    <link rel='stylesheet' id='twentytwelve-style-css'  href='http://www/kw/wp-content/themes/twentytwelve/style.css?ver=3.9' type='text/css' media='all' />
    <!--[if lt IE 9]>
    <link rel='stylesheet' id='twentytwelve-ie-css'  href='http://www/kw/wp-content/themes/twentytwelve/css/ie.css?ver=20121010' type='text/css' media='all' />
    <script type='text/javascript' src='http://www/kw/wp-includes/js/jquery/jquery.js?ver=1.11.0'></script>
    <script type='text/javascript' src='http://www/kw/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
    <script type='text/javascript' src='http://www/kw/wp-content/plugins/jquery-collapse-o-matic/js/collapse.js?ver=1.5.7'></script>
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www/kw/xmlrpc.php?rsd" />
    <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www/kw/wp-includes/wlwmanifest.xml" />
    <meta name="generator" content="WordPress 3.9" />
    <script type='text/javascript'>
    var colomatduration = 'fast';
    var colomatslideEffect = 'slideFade';
    </script>	<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
    <style type="text/css" media="print">#wpadminbar { display:none; }</style>
    <style type="text/css" media="screen">
    	html { margin-top: 32px !important; }
    	* html body { margin-top: 32px !important; }
    	@media screen and ( max-width: 782px ) {
    		html { margin-top: 46px !important; }
    		* html body { margin-top: 46px !important; }

    This is the code from within the edit page (switched to text, not wysiwyg):

    This is the summarized text.
    [expand title="Please click here" trigclass="arrowright"]This is the additional text[/expand]

    I used the arrow trigger to try to get to show the arrow but it’s not showing at all.

    I’ll let Baden answer this one, but with the code posted it should be much easier to find an issue. Good luck! 🙂

    Plugin Author Baden


    is the file at http://www/kw/wp-content/plugins/jquery-collapse-o-matic/js/collapse.js?ver=1.5.7 readable? What are the permissions? What are the permissions of the arrows?

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Arrow not showing’ is closed to new replies.