[Résolu] Problème au resize sur menu responsive

Bonjour,

Je viens vers vous car je subis un bug assez déroutant. En fait, j'ai ajouté un code jQuery pour rendre mon menu responsive. J'ai fais au plus simple : un bouton "menu" qui affiche le menu quand on appuie dessus.

Seulement voilà, quand on "resize" la page du navigateur, ou qu'on passe de paysage à portrait (et vice verça) sur mobile, le menu ne s'ouvre plus, sauf si on refresh. Ce qui n'est vraiment pas top d'autant plus que sur navigateur, quand on insiste un peu, parfois ça s'ouvre..

Pour le test, vous pouvez le voir sur le site directement :
http://www.bestinvestment.be

Et pour le code JS :

$(document).ready(function () {
    menuResponsive();
});
function menuResponsive(){
    if (($(window).width())<= 900) {
        $(window).on('resize', function() {
            $(".toggle").stop().on('click',function() {
             event.preventDefault();
             $("nav .menu").stop().slideToggle(400);
         });
        });
        $(window).trigger('resize');
    }else {
        $("nav .menu").show();
        $(".toggle").hide();
    };
}

Merci d'avance pour votre aide et bonne soirée