Buenas
Gracias por la respuesta ya encontre la solución final , la cuento por si a alguien le vale.
El mouseenter le tenia como prueba para ver si hacia algo , finalmente vi que poniendo click y usando body si que se desplegaba el menu entonces el codigo estaba bien lo que estaba mal era el elemento que habia elegido para clickar antes.
Al final como dices usar la propiedad css para jugar con el display no era lo mas indicado , ha quedado asi el codigo query:
Código:
(function($) {
$(".icoMovil").click(function () {
$(".collapse").each(function() {
displaying = $(this).css("display");
if(displaying == "block") {
$(this).fadeOut('slow',function() {
$(this).css("display","none");
});
} else {
$(this).fadeIn('slow',function() {
$(this).css("display","block");
});
}
});
});
})(jQuery);
IcoMovil es un icono que he metido en el nav , para clickar sobre el.
Por otro lado desde el CSS he hecho que por defecto sea display:none este icono y con media querie que aparezca solo en pantallas pequeñas.
He estado haciendo pruebas y por el momento perfecto , aqui el codigo del CSS:
Código:
.icoMovil{
display:none;
}
@media (max-width: 500px) {
.icoMovil{
display:block;
position:relative;
float:right;
margin-top:5%;
margin-right:5%;
}
}
Y eso es todo ahora estoy con otro problemilla pero eso ya es de Bootrstrap asi que si no lo soluciono hare otro tema :D