$(document).ready(function(){  
      
        $("ul.subnav").parent().append("<span></span>"); //trigggerlachs nur wenn js am start
      
        $("ul.topnav li span").click(function() {  
      
              
            $(this).parent().find("ul.subnav").slideDown('fast').show(); //subnav on hover runterfahren  
      
            $(this).parent().hover(function() {  
            }, function(){  
                $(this).parent().find("ul.subnav").slideUp('slow'); //.stop(true,true) wenns nervt
            });  
      
            //der span class vom trigger wird die andere klasse beim hover zugewiesen=> rutscht nach oben => css
            }).hover(function() {  
                $(this).addClass("subhover"); //beim r&uuml;berhover .subhover
            }, function(){  //On Hover Out  
                $(this).removeClass("subhover"); //beim raus wieder wech
        });
        
        $("ul.topnav li").hover(function() {  
      
              
            $(this).find("ul.subnav").slideDown('fast').show(); //subnav on hover runterfahren  
      
            $(this).hover(function() {  
            }, function(){  
                $(this).find("ul.subnav").slideUp('slow'); //.stop(true,true) wenns nervt
            });  
      
            //der span class vom trigger wird die andere klasse beim hover zugewiesen=> rutscht nach oben => css
            }).hover(function() {  
                $(this).addClass("subhover"); //beim r&uuml;berhover .subhover
            }, function(){  //On Hover Out  
                $(this).removeClass("subhover"); //beim raus wieder wech
        });
        
        
          
      
    });