// JavaScript Document
$(document).ready(function(){
$("ul.subnav").parent().append("<span></span>"); //Somente mostra o menu drop down quando o JS está ativo - Adiciona uma tag span vazia depois da ul.subnav
$("ul.topnav li span").click(function() { // Quando o gatilho (botão que aciona a sub navegação) é clicado...
//Os eventos abaixo são aplicados para a subnav (movendo a subnav para cima e para baixo)
$(this).parent().find("ul.subnav").slideDown('fast').show();
$(this).parent().hover(function() {
}, function(){
$(this).parent().find("ul.subnav").slideUp('slow'); //Quando o mouse está fora dos hovers da subnav, ele se move para cima
});
//Os eventos abaixo são aplicados para gatilho (botão que aciona a sub navegação) (Eventos hover para o gatilho)
}).hover(function() {
$(this).addClass("subhover");
}, function(){
$(this).removeClass("subhover");
});
});