Forum

Ok, no problem.

I have to pop out for a few hours, but I'll take a look later this evening (CET).

Dean,

I can't be entirely sure what is causing the conflict, but I suspect this bit of javascript in footer.php is causing the problem:

Find this in footer.php:

<script type="text/javascript">
        $(document).ready(function() {
          $('#subscribe').hide();
          $("#topbar-subscribe a").toggle(
            function () { $("#subscribe").animate({ height: "show", duration: 700, easing:"easeInQuad"});
            return false;
          },
            function () { $("#subscribe").animate({ height: "hide", duration: 700, easing:"easeOutQuad"});
            return false;
          });
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function() {
          $('#share').hide();
          $("#topbar-share a").toggle(
            function () { $("#share").animate({ height: "show", duration: 700, easing:"easeInQuad"});
            return false;
          },
            function () { $("#share").animate({ height: "hide", duration: 700, easing:"easeOutQuad"});
            return false;
          });
        });
    </script>

And replace it with this:

<script type="text/javascript">
        var $j = jQuery.noConflict();
        $j(document).ready(function() {
          $j('#subscribe').hide();
          $j("#topbar-subscribe a").toggle(
            function () { $j("#subscribe").animate({ height: "show", duration: 700, easing:"easeInQuad"});
            return false;
          },
            function () { $j("#subscribe").animate({ height: "hide", duration: 700, easing:"easeOutQuad"});
            return false;
          });
        });
    </script>
    <script type="text/javascript">
        var $j = jQuery.noConflict();
        $j(document).ready(function() {
          $j('#share').hide();
          $j("#topbar-share a").toggle(
            function () { $j("#share").animate({ height: "show", duration: 700, easing:"easeInQuad"});
            return false;
          },
            function () { $j("#share").animate({ height: "hide", duration: 700, easing:"easeOutQuad"});
            return false;
          });
        });
    </script>

Take a backup of footer.php before you begin! :-)

The good news is that we now what what is causing the conflict.

Try putting back the code I gave you but this time REMOVE the second occurence of:

var $j = jQuery.noConflict();

If that doesn't work, I have some more ideas…

Try this instead:

<script type="text/javascript">
        jQuery.noConflict();
        jQuery(document).ready(function($){
          $('#subscribe').hide();
          $("#topbar-subscribe a").toggle(
            function () { $("#subscribe").animate({ height: "show", duration: 700, easing:"easeInQuad"});
            return false;
          },
            function () { $("#subscribe").animate({ height: "hide", duration: 700, easing:"easeOutQuad"});
            return false;
          });
        });
    </script>
    <script type="text/javascript">
        jQuery.noConflict();
        jQuery(document).ready(function($){
          $('#share').hide();
          $("#topbar-share a").toggle(
            function () { $("#share").animate({ height: "show", duration: 700, easing:"easeInQuad"});
            return false;
          },
            function () { $("#share").animate({ height: "hide", duration: 700, easing:"easeOutQuad"});
            return false;
          });
        });
    </script>

Well, I'm a bit stumped then. When you remove the script block completely the plugin works fine, so we've definitely found the source of the conflict.

The code I've been giving you is designed to prevent jQuery (used in your theme) conflicting with mootools (used in my plugin).  One last try…

Remove the two instances of this in the last code I gave you:

jQuery.noConflict();

Dean,

I'm really baffled now. One of those solutions should have worked, but it's a complex WP theme and there could be something else going on which I haven't seen. Just to confirm – the plugin definitely works when you remove that code?

In answer to what does the footer script do, it seems to be part of the built-in plugins that the theme author has incorporated into his theme. Actually, I think it would be a good idea for you to contact him and refer him to this thread. I'm more of a PHP person than javascript – so I may have missed something that he can fix. Basically I would just tell him that you have this conflict which is caused by his footer script, and see what he says.

Sure, you're welcome to try out the new version. But from a javascript point of view it's no different from the current version and I think you'll have the same problem, unfortunately. If you're still interested I'll send you a copy via your registered email address.

Ade.

No problem! I'm just sorry we didn't manage to find a fix. Did you get any feedback from the theme author?