MyBB Community Forums

So, including this:

<script type='text/javascript' src='images/zephyr/js/jquery-1.6.4.min.js'></script>
<script type='text/javascript' src='images/zephyr/js/jquery.tipsy.js'></script>
<script type='text/javascript'>
  $(function() {
    
$('#arcadelink').tipsy({gravity: 'e', fade: true});
$('#usercplink').tipsy({gravity: 'e', fade: true});
$('#modcplink').tipsy({gravity: 'e', fade: true});
$('#admincplink').tipsy({gravity: 'e', fade: true});
$('#inboxlink').tipsy({gravity: 'e', fade: true});
$('#logoutlink').tipsy({gravity: 'e', fade: true});
$('#registerlink').tipsy({gravity: 'e', fade: true});
$('#loginlink').tipsy({gravity: 'e', fade: true});
    
  });
</script>

in my header totally kills my collapse javascript (And probably others as well). Am I doing something wrong? If not how do I fix this problem?

Change above to this;

<script type='text/javascript' src='images/zephyr/js/jquery-1.6.4.min.js'></script>
<script type='text/javascript' src='images/zephyr/js/jquery.tipsy.js'></script>
<script type='text/javascript'>
jQuery.noConflict();
  jQuery(function($) {
    
$('#arcadelink').tipsy({gravity: 'e', fade: true});
$('#usercplink').tipsy({gravity: 'e', fade: true});
$('#modcplink').tipsy({gravity: 'e', fade: true});
$('#admincplink').tipsy({gravity: 'e', fade: true});
$('#inboxlink').tipsy({gravity: 'e', fade: true});
$('#logoutlink').tipsy({gravity: 'e', fade: true});
$('#registerlink').tipsy({gravity: 'e', fade: true});
$('#loginlink').tipsy({gravity: 'e', fade: true});
    
  });
</script>

Worked perfectly, thanks a bunch.

(I tried this but must have left the extra function line in there)