Collapse lors du click ne fonctione pas

salut a tous, dans mon code javascript j'a un problème.

La fonction pour dérouler le menu de ma navbar fonctionne, mais le collapse when clicked ne fonctionne pas!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!--Script for Menu Show-->
<script type="text/javascript">
 
$(document).ready(function(){
$(".menu-icon").on("click",function(){
$("nav ul").toggleClass("showing");
});
});
 
$(window).on("scroll",function(){
if($(window).scrollTop()){
$('nav').addClass('black');
}
else{
$('nav').removeClass('black');
}
})
 
</script>
 
<!--Script for Menu Hide-->
<script type="text/javascript">
   $(function () {
        $(".navbar-collapse ul li a").on("click touch", function () {
            $(".navbar-toggle").click();
 
        });
    });
</script>