Как сделать скрытие и отображение блока по клику на JQuery?

Question

[Gera11]

$(function(){
            $("#menu-toggle").click(function(e) {
                e.preventDefault();
                $("#wrapper").toggleClass("toggled2");
                $("#wrapper").toggleClass("toggled");
            });
            $(window).resize(function(e) {
              if($(window).width()<=768){
                $("#wrapper").removeClass("toggled");
                $("#wrapper").removeClass("toggled2");
              }else{
                $("#wrapper").addClass("toggled");
                $("#wrapper").addClass("toggled2");
              }
            });
          });

Есть вот такой код, от меню sidebar.
По клику меню сворачивается до иконки и остается только иконка
Но рядом с иконкой есть текст в блоке с классом .mtx
Как сделать так, чтобы когда нажимается кнопка menu-toggle текст в блоке .mtx исчезал плавно? и появлялся обратно?