Support » Plugin: Meteor Slides » [Plugin: Meteor Slides] jQuery conflict slideshow.js with jQuery UI accordion

  • Resolved eagerbob


    I am using Meteor Slides on a new site I am building. Works fine and I really like the way it works in the backend, making it easy to manage several slideshows.

    I now added an accordion using jQueru UI, as found here:
    While easy to make in HTML, getting it to work in WordPress was troublesome.
    It turns out that there is a conflict with meteorslides. If I turn the plugin off, the accordion works, otherwise it doesn’t.

    The code of the page that does not work is here:
    This one does:

    The accordion is the blue text on the bottom right half of the page starting with “Het bestuur van K.I.D.S.”

    I nailed it down to slideshow.js, if I remove that from the source my accordion works. But then, offcourse, my slideshow does not.

    My question: is there anything that I could do, maybe change something in the slideshow.js file, to prevent this?


Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Josh Leuze


    Hi Bob, the problem is with this script, which is throwing an error for not being a function:

    	$(function() {
    		$( "#accordion" ).accordion();

    Try it like this instead:

    <script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery( "#accordion" ).accordion();

    Thank you Josh, that did it.
    (should should have asked here earlier, spent almost two day troubleshooting this)

    Anyway, I am glad it works.

    I just donated through Paypal for this great plugin, and the excellent support.

    Thanks again

    Plugin Author Josh Leuze


    You’re welcome Bob, thanks for your donation!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: Meteor Slides] jQuery conflict slideshow.js with jQuery UI accordion’ is closed to new replies.