No me digas eso... xd

Y no se puede pasar el code a prototype?

Es que jQuery y Prototype son competencia... Por eso tienen problemas. xD

Pero creo que hay un sistema noConflict o algo así, que trata de evitar estos problemas. Trata de buscar por Google o así porque la verdad es que no conozco demasiado.

Conoces algún menu que no contenga jquery y use prototype?

He encontrado esto por google, sabrías explicármelo?
http://www.diegodicamillo.com.ar/blog/20...prototype/

Pues no sé si funcionará, pero prueba con:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript">
jQuery.noConflict();
Jquery(document).ready(function(){

    Jquery("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
    
    Jquery("ul.topnav li span").click(function() { //When trigger is clicked...
        
        //Following events are applied to the subnav itself (moving subnav up and down)
        Jquery(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

        Jquery(this).parent().hover(function() {
        }, function(){    
            Jquery(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
        });

        //Following events are applied to the trigger (Hover events for the trigger)
        }).hover(function() { 
            Jquery(this).addClass("subhover"); //On hover over, add class "subhover"
        }, function(){    //On Hover Out
            Jquery(this).removeClass("subhover"); //On hover out, remove class "subhover"
    });

});
</script>

Pues no sé si funcionará, pero prueba con:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript">
jQuery.noConflict();
Jquery(document).ready(function(){

    Jquery("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
    
    Jquery("ul.topnav li span").click(function() { //When trigger is clicked...
        
        //Following events are applied to the subnav itself (moving subnav up and down)
        Jquery(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

        Jquery(this).parent().hover(function() {
        }, function(){    
            Jquery(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
        });

        //Following events are applied to the trigger (Hover events for the trigger)
        }).hover(function() { 
            Jquery(this).addClass("subhover"); //On hover over, add class "subhover"
        }, function(){    //On Hover Out
            Jquery(this).removeClass("subhover"); //On hover out, remove class "subhover"
    });

});
</script>

El jquery no es este?

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 

Ese es el archivo que usa tu código para poder funcionar.

No, sigue igual todo.

Pues entonces no sé... Es que yo de jQuery no sé casi nada...

Haber no hacen conflicto lo que ahora no me aparecen las flechas verdes del menú.

Eso debe de ser cósa del CSS...