<script>

jQuery(document).ready(function(){

jQuery("#mostra").show();

jQuery("#nascondi").hide();

jQuery(".categoria-seo").hide();

    jQuery("#mostra").click(function(){

        jQuery(".categoria-seo").slideDown(1000).show();

        jQuery("#nascondi").show();

        jQuery("#mostra").hide();

    });

    jQuery("#nascondi").click(function(){

        jQuery(".categoria-seo").slideUp(1000);

        jQuery("#nascondi").hide();

        jQuery("#mostra").show();

    });

});

</script>

<p>I prodotti ...</p>

<div class="categoria-seo"><p>Grazie alle capsule ... capsule native.</p></div>

<center><button id="mostra" class="button-categoria-seo"> <img src="{{media url="wysiwyg/icona.jpg"}}" alt="" /> </button> <button class="button-categoria-seo" id="nascondi" > <img src="{{media url="wysiwyg/icona-up.jpg"}}" alt="" /> </button></center>

When it's the only one script into page this work well. When the script work into a page with other scripts not work. 

I tryed with

var j = jQuery.noConflict(); but not work.

Can you help me?

thanks

Ale