Bootstrap Avoid navbar-toggle button to close opened sub menus on mobile

I have a code based on Bootstrap 3.3.7
There are different menu items and sub menus on my menu, I want to have all sub menu items to be open on mobile, Means no need to click on any menu items to display it's sub menus, So I wrote a JS code to open all sub menus on mobile:

function opensubmenus() {
  if ($(window).width() < 768) {
    $("#top-navbar-collapse li").addClass('open');
  } else {
    $("#top-navbar-collapse li").removeClass('open');
  }
}

$(window).resize(opensubmenus);
opensubmenus();

But the problem is when I click on a navbar-toggle button, It closes all submenus, But I need to keep them open on mobile devices all the time You can check my online sample on this site: https://dedidata.com

Here I have shown a screenshot: https://pasteboard.co/IfSMCIu.jpg

I don't like to disable navbar-toggle button completely, I need it to toggle the whole navbar, But I don't like it close the submenus, My JS code opens the submenus, But navbar-toggle closes those submenus

from Bootstrap Avoid navbar-toggle button to close opened sub menus on mobile