当使用jquery显示元素时，焦点可见性会丢失

我有一个页面与许多下拉菜单，这是可见的悬停事件，使用css。然而，我也想让他们可见，当我按tab，他们是使用jquery的焦点。我试过了:

和以下发生:

$("body").keydown( function(e) { 
        var keyCode = e.keyCode || e.which; 
        if (keyCode === 9) {
            $("*").bind("focus",function(){
            var $self = $(this);
                if($self.siblings("*:hidden").length > 0){
                    hidden_menu = $self.next("*:hidden");
                    if($(hidden_menu).is("ul")){
                        $(hidden_menu).show();
                        $(hidden_menu).children().addClass("shownhidden");                        
                    }
                }  
                $("*").unbind("focus");            
            })
        }
        $("*").focusout(function(){           
            if(!$(this).next().is(".shownhidden") && $(this).is(".shownhidden")){
                setTimeout(function(){
                    $(hidden_menu).hide();
                },1000)
            }
        });
});

1. 当鼠标放在每个按钮上时，相应的下拉菜单可见
2. 之后，我按tab键，当每个按钮聚焦时，相应的菜单可见
3. 但是在那之后，当我尝试鼠标在按钮上时，相应的菜单不显示。

HTML代码由许多元素组成，如下所示:

           <li id="navMenuButton" class="dropdown">
              <button class="dropbtn">Menu</button>
              <ul class="dropdown-content">
                <li><a href="#">Menu 1</a></li>
                <li><a href="#">Menu 2</a></li>
                <li><a href="#">Menu 3</a></li>
              </ul>
            </li>

这部分的css代码是:

.dropbtn {
    background-color: #9AEDF3;
    padding: 14px;
    border: none;
    cursor: pointer;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

有什么问题吗?