WordPress　プラグインなしスマホ用メニュー作成　サブメニューを親メニュータップで開閉

<?php
  //ウィジェットエリア
	function my_theme_widgets_init() {

		register_sidebar(array(
		  'name'             => 'sp-menu',
		  'id'                  => 'sp-menu-widget-area',
		  'description'   => 'SPでメニューに表示されるウィジェットエリアです。',
		));

	}
	add_action( 'widgets_init', 'my_theme_widgets_init' );
?>	

<div class="sp-menu">
	<?php if ( is_active_sidebar('sp-menu-widget-area') ) : ?>
	  <?php dynamic_sidebar('sp-menu-widget-area'); ?>
	<?php endif; ?>
</div>

  // メニュースライドダウン
  $(window).on('load resize', function(){
　　//メニューアイコンを押した時にメニューが表示される処理を記述（省略）
   //（追記）画面をリサイズ時に表示されるウィジェットアイテムをhide()メソッドで非表示
　　
    //スマホ、タブレット（768pxと想定）はタップでサブメニューを開閉
    var winW = $(window).width();
    if (winW <= 768) {　
　　　// pcでメニューアイコン不使用の場合は、条件式不要なので、以下　} else {　までのみでよいかと
      $('.shop-sub-menu-btn').unwrap()
      $('.shop-sub-menu-btn').click(function() {
        $(this).next('.sub-menu').stop(true,true).slideToggle(100);
        $(this).toggleClass('active');
　　　　//（追記）hide()メソッドで非表示した要素にtoggle()メソッドを追加
      });
    } else {
      //pcはマウスオーバーでサブメニューを開閉
      $('.menu-item-has-children').unbind().hover(function(){
        $(this).children('.sub-menu').stop(true,true).slideToggle(100);
      });
    };
  });

.menu-global-menu-container {
  margin: 0 auto;
  padding: 5% 0 5%;
  width: 80%;
  ul {
    display: block;
　　/* 親メニュー*/
    li {
      padding: 0.4rem 0;
      a {
        font-size: 2rem;
        color: $base-color;
      }
　　　/* サブメニュー*/
      .sub-menu {
        display: none;
        padding-left: 1rem;
        li {
          display: inline-block;
          margin: 0 1rem;
          a {
            font-size: 1.6rem;
          }
        }
      }
    }
　　/* ダミーの親メニューのアイコンの位置調整 */
    .menu-item-has-children {
      position: relative;
      span {
        position: absolute;
        top: -3.5rem;
        right: 0;
        display: inline-block;
        width: 3.2rem;
        height: 3.2rem;
        cursor: pointer;
        text-align: center;
        transition: 0.4s ease-in-out;
        .fa-angle-down {
          font-size: 3rem;
          color: $base-color;
          font-weight: 700;
        }
      }
      /* クリック時に付与したクラスにて矢印アイコンを180度回転 */
      .active {
        transform: rotate(180deg);
      }
    }  
  }
}