CH4-3(模組化)自動展開選單與點擊

在實務上往往會遇到客戶希望選單能夠有前往網址又要有展開選單的功能， 透過JS分開寫，滑鼠移入展開選單，點擊時前往網址。

重要!此功能在手機版本，選單將失去收和功能，以此達到連結效果。

JS

  //自動展開選單與點擊 
  $(function() {

      $('#navbar-collapse-1 ul.dropdown-menu [data-toggle=dropdown]').on('click', function(event) {
          // Avoid following the href location when clicking

          event.preventDefault();
          // Avoid having the menu to close when clicking
          event.stopPropagation();
          // Re-add .open to parent sub-menu item
          $(this).parent().addClass('open');
          //$(this).parent().find("ul").parent().find("li.dropdown").addClass('open');
          $(this).parent().parent().parent().addClass('open');

      });
      $('.navbar-collapse a').on('click', function(event) {

          window.location.href = $(this).attr('href');
      });

  });