子要素からフォーカスが外れた場合の処理をしたい

Question

jQueryでプルダウンメニューを作成しています。
タブキーで操作した場合に子要素からフォーカスが外れた場合にプルダウンを閉じたいのですが上手くいきません。
下記の例で言うと、タブキーでメニュー2にフォーカスが移動した場合、どのようにしたらメニュー1の下層メニューを閉じられるでしょうか。
スクリプト最後のifのfocusinのあたりがおかしいと思うのですが、正しい書き方がわかりません。
なおプルダウンが閉じている場合にはフォーカスが当たらないようにtabindexもコントロールしています。
まだスクリプト全般に不慣れなので冗長なコードになっていて申し訳ありません。
アドバイスよろしくお願いいたします。

<nav>
<ul>
	<li>
		<p class="accordion" tabindex="1">メニュー1</p>
		<ul class="lower">
			<li><a href="#" tabindex="2">下層メニュー</a></li>
			<li><a href="#" tabindex="3">下層メニュー</a></li>
		</ul>
	</li>
	<li>
		<p class="accordion" tabindex="4">メニュー2</p>
		<ul class="lower">
			<li><a href="#" tabindex="5">下層メニュー</a></li>
			<li><a href="#" tabindex="6">下層メニュー</a></li>
		</ul>
	</li>
</ul>
</nav>

.accordion {
	height: 40px;
	position: relative;
	z-index: 1;
	transition: 0.3s ease-out;
	cursor: pointer;
}
li ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: 0.3s ease-in;
	z-index: -1;
}
li ul li {
	height: 0;
	overflow-y: hidden;
	transition: 0.3s ease-in;
}
.accordion.open + ul {
	top: 40px;
}
.accordion.open + ul li {
	height: 40px;
	overflow-y: visible;
}

$('nav').on('keypress', '.accordion', function(e){
	if(e.which == 13){
		$ac = $('.open');
		$ac.not(this).each(function(){
			$ac.removeClass('open');
			$(this).next().find('[tabindex]').each(function(){
				$tab = $(this).attr('tabindex');
				$tab = $tab * -1;
				$(this).attr('tabindex',$tab);
			});
		});
		if($(this).hasClass('open')) {
			$(this).removeClass('open');
			$(this).next().find('[tabindex]').each(function(){
				$tab = $(this).attr('tabindex');
				$tab = $tab * -1;
				$(this).attr('tabindex',$tab);
			});
		} else {
			$(this).addClass("open");
			$(this).next().find('[tabindex]').each(function(){
				$tab = $(this).attr('tabindex');
				$tab = $tab * -1;
				$(this).attr('tabindex',$tab);
			});
		}
	}
});

$('nav').on('click', '.accordion', function(){
	$ac = $('.open');
	$ac.not(this).each(function(){
		$ac.removeClass('open');
		$(this).next().find('[tabindex]').each(function(){
			$tab = $(this).attr('tabindex');
			$tab = $tab * -1;
			$(this).attr('tabindex',$tab);
		});
	});
	if($(this).hasClass('open')) {
		$(this).removeClass('open');
		$(this).next().find('[tabindex]').each(function(){
			$tab = $(this).attr('tabindex');
			$tab = $tab * -1;
			$(this).attr('tabindex',$tab);
		});
	} else {
		$(this).addClass("open");
		$(this).next().find('[tabindex]').each(function(){
			$tab = $(this).attr('tabindex');
			$tab = $tab * -1;
			$(this).attr('tabindex',$tab);
		});	
	}
});

$('.lower').on('focusout', function(){
	if(!$(this).focusin()) {
		$(this).prev('accordion').removeClass('open');
	}
});

Answer 1

自己解決しました。
一応他の方のために書いておきます。
最後の5行の$('.lower').on('focusout〜の部分を以下に書き換えました。
ついでに繰り返し出てきていた部分に関数を適用することもできました。

もし他によりよい解決方法などありましたら教えてください。

$('nav').on('focus', '.accordion', function(){
	$('.accordion').not(this).each(function(){
		if($(this).hasClass('open')) {
			$(this).removeClass('open');
			tabctrl(this);
		}
	});	
});
function tabctrl($tg) {
	$($tg).next().find('[tabindex]').each(function(){
		$tab = $(this).attr('tabindex');
		$tab = $tab * -1;
		$(this).attr('tabindex',$tab);
	});
}