Collapse-o-Matic not collapsing

Hello,

The first issue is that you theme is not using the jQuery that comes with WordPress, but rather force-loading a version from google:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

and then later, again force-loading another version from google:

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=4.2.2'></script>

on top of that you have the following javascript error on your site:
jquery.buddypress.js:544 Uncaught TypeError: undefined is not a function
you really need to have someone troubleshoot your theme, and get the error removed, and load only one jQuery library the correct way.
https://msyk.es/blog/prevent-jquery-wordpress-theme/

Good luck!

Thank you for your help. It’s working now.

Hi.

I am also experiencing a similar issue.

Sorry to reopen this ticket, but I was wondering if you could take a look at https://www.britishcarclassifieds.com/blog/british-car-database/ and let me know if anything sticks out as causing the problem.

I’ve searched funtions.php and header.php, but did find either of the offending culprits mentioned in the article you linked to. I fear the theme developer may be using some un-standard method.

I did find the following line when looking at the source code of the page:

<script type=’text/javascript’ src=’https://www.britishcarclassifieds.com/blog/wp-includes/js/jquery/jquery.js?ver=1.11.2′></script&gt;

But I’m not sure if this is the culprit.

Any help would be much appreciated.

Thanks for your time and consideration, and please let me know if you require any additional info.

INFO
Using Collapse-O-Matic version 1.6.10
Wordpress version 4.2.2
Solostream WP-Critique customized theme
Tested in latest versions of Chrome and Firefox using Windows 7 Professional

dby3000: We took a look-see at your site and can not see that there is an issue. No JavaScript errors, and the Collapse elements are working correctly. The only issue is they are being displayed inline… but this might be intended.

Please let us know exactly what the issue is, and if it is not related to this issue, please open up your own thread. This issue is resolved.

Hi Baden, thanks a lot for your work!

I have the same issue… I guess for the same reasons than Mark.

I managed to remove the jquery loaded from google apis… but the comments are still not opening on click.

Page is here: https://tst.allwewish.org/?p=718

When I look at the code source of the page I see other jquery files and js files but I can not find the scripts nor in the header nor in the footer. Most of these are related to plugins.

Can they have an impact on collapse-o-matic?
Where can I find the scripts?

Many thanks in advance for your help,

Tche

Tche,
Looks like you are rolling your own colapse-o-matic elements, and NOT using the shortcode. If so, please read this: The Roll Your Own Method

Hi,

I am experiencing a similar issue. The plugin suddenly stopped working on our website.

Can you tell me why it’s not working on this page – https://flowingfreeride.com/sample-buy-page/

I put the shortcode just below the PayPal buttons.

Thanks.

you have multiple versions of jquery loading in your theme.
try changing the script to load in the header instead of the footer for a quick-fix… but you really need to talk to whoever setup your page, and have them make sure only ONE copy of the jQuery library is loading.

Hi Baden thanks a lot for your quick answer!

I tried the shortcodes but once inserted in my template (comments.php) they were just displayed as text in the page… so I used html tags instead as I saw it on the plugin page.

I read your link and added the magic_beans and clear tags in the template and in the style.css sheet… but it still doesnt work :/

Do you have any idea? Would you advise to go to shortcodes (but how to correctly include them in comments.php, then)?

Many thanks in advance for your help!
Sincerely,
Tche
(tst.allwewish.org/?p=718)

Tche:
you need to re-read the The Roll Your Own Method article carefully. Pay special attention to the id attributes and how they are named.

Your code looks like this:

<div class="collapseomatic magic_beans" title="Apporter une autre solution (tst02)"><h2>Apporter une autre solution (tst02)</h2></div>
<div class="collapseomatic_content clear">...</div>

and it SHOULD look like this:
Trigger:

<h2 class="collapseomatic" id="apporter">Apporter une autre solution (tst02)</h2>

Target:

<div class="collapseomatic_content clear" id="target-apporter">...</div>

Thanks a million times for your help and patience,
It s working perfectly, without disturbing anything on the website!
Great plugin, great job!!! (gonna say it in reviews)

glad to see you got it working, and thank you for the kind review!