jquery - Lose focus and move on for div tag -

in website have following code in angular:

<div class="create-new-type">     <a ng-repeat="type in availabletypes" href="/{{type.type_name | lowercase}}/" ng-bind="type.name"></a> </div> 

i have div tag hidden , appears when user clicks on menu. div tag appear left side of window. problem when user clicks on tab button still shows focus on these links hidden. how (in jquery) tell skip elements in div focus if it's not showing , move on next element?

i read below regarding this:

how allow keyboard tab focusing on div

navigate ui using keyboard

use display:none hide links instead of other things opacity or height 0