Jquery conflict

[Trinit]

Hello there, I released a theme but:

It looks really good, but I think your jquery for the welcome block is conflicting with mybb as it uses prototype. collapse buttons are no working, editor buttons aren't showing in newthread, new reply.

And he's right. I tried a few changes, but they didn't work! In your opinion how could i fix them? In header_welcomeblock_guest there's this code:

<script src="images/mynic/javascripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function() {

            $(".signin").click(function(e) {
                e.preventDefault();
                $("fieldset#signin_menu").toggle();
                $(".signin").toggleClass("menu-open");
            });

            $("fieldset#signin_menu").mouseup(function() {
                return false
            });
            $(document).mouseup(function(e) {
                if($(e.target).parent("a.signin").length==0) {
                    $(".signin").removeClass("menu-open");
                    $("fieldset#signin_menu").hide();
                }
            });            

        });
</script>

I need it to make this work:


Thanks in advance!

[Tekkie Da]

try adding this

<script type="text/javascript" language="javascript">jQuery.noConflict();</script>

after

<script src="images/mynic/javascripts/jquery.js" type="text/javascript"></script>

and change replace "$" sign to "jQuery" in

<script type="text/javascript">
        $(document).ready(function() {

            $(".signin").click(function(e) {
                e.preventDefault();
                $("fieldset#signin_menu").toggle();
                $(".signin").toggleClass("menu-open");
            });

            $("fieldset#signin_menu").mouseup(function() {
                return false
            });
            $(document).mouseup(function(e) {
                if($(e.target).parent("a.signin").length==0) {
                    $(".signin").removeClass("menu-open");
                    $("fieldset#signin_menu").hide();
                }
            });            

        });
</script>

[Trinit]

Oh thank you very much! It works, now i'm releasing the corrected one

[Tekkie Da]

no problem! always happy to help

[Damion]

This will shorten the code a little and you don't have to replace all the "$" with Jquery.

jQuery.noConflict();
jQuery(function($) {
\\ jQuery Goes here :P
});

[Tekkie Da]

I didn't know that!
thanks Damion!!

[Damion]

I didn't know that!
thanks Damion!!

It also removes the need for "$(document).ready(function() {" So helps in more than one way