クリックで開いたサブメニューにあるリンクが動かない

Question

メニューのliタグ（親メニュー）をクリックすると、内包して非表示化しているサブメニューが出る仕掛けをjQueryで実装しました。

レスポンシブで、PC版の場合は親メニューのリンクは生きていて、スマホ版はクリックでサブメニューが開くという作りです。

var $h = 【親メニュー】;
var $hn = 【子メニュー】;
var $b = 【別の親メニュー】;
var $bn = 【別の親メニューの子メニュー】;

$h.click(function(){

  $b.removeClass('active');
  $bn.removeClass('open');
  if($(this).hasClass('active')){
    $(this).removeClass('active');
    $hn.removeClass('open');
      return false;
    }else{
      $(this).addClass('active');
      $hn.addClass('open');
      return false;
    };
  }
});

おそらく

return false;

が聞いているからだと思いますが、子メニュー(サブメニュー)のリンクが動きません。

親メニューのliだけ

return false

もしくは、サブメニューだけリンクを効かせる方法はありませんでしょうか？

Answer 1

提示されたソースのインデントをスペース:2→タブ:4変換して見ていたんですが、余計な}が付いています。
インデントがずれていたために起きたものではないでしょうか？

var $h = 【親メニュー】;
var $hn = 【子メニュー】;
var $b = 【別の親メニュー】;
var $bn = 【別の親メニューの子メニュー】;

$h.click(function(){

	$b.removeClass('active');
	$bn.removeClass('open');
	if($(this).hasClass('active')){
		$(this).removeClass('active');
		$hn.removeClass('open');
			return false;                //インデント
		}else{　　　　　　　　　　　　　　//インデント
			$(this).addClass('active');　//インデント
			$hn.addClass('open');　　　　//インデント
			return false;　　　　　　　　//インデント
		};                              //if(--){--};←if構文の末にセミコロンは要らない
	}　　　　　　　　　　　　　　　　　　 //}1つ多い
});

インデントガイドが付いたエディタ、IDEの利用をおすすめします。

サブメニューだけリンクって、return false消して子にだけリンクつければいいのでは？