$(document).ready(function(){

  $(".nav-btn").on('click', function() {

        $(".nav").toggle();

   })

  var winwidth = $(window).width();

  var winh = $(window).height();

  if( winwidth > 768 ){

    $('.nav li').hover(function(){

        $(this).find('ul:first').fadein(300);

      },function(){

        $(this).find('ul:first').fadeout(300);

      });

  }

  var plusicon = '+';

  var minusicon = '–';

  var openerhtml = '<div class="open-this">'+plusicon+'</div>';

  $(this).find('.nav li').has('ul').prepend(openerhtml);

  $(this).find('.open-this').click(function() {

    if($(this).parent().hasclass('opened')) {

       $(this).html(plusicon).parent().removeclass('opened').find('.sub-menu').slideup(200);

      }else{

        $(this).html(minusicon).parent().addclass('opened').find('.sub-menu').slidedown(200);

      }

  });



});