jqueryを使用してホバーイベントをトリガーしようとしています.jqueryはフォーカスのある要素を検出し、クラスを追加します
$(document).ready(function() {
$('a').attr('tabindex', 0);
$('ul#main-nav li a').first().focus().addClass('hovered');
});
次にcss宣言
#main-nav li:hover ul, #main-nav li a.level1:hover ul, #main-nav li a.hovered ul{
left: auto;
width:auto;
display: block;
top:55px;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
padding: 0px 20px 5px 20px;
z-index: 2;
border-top:2px solid #fff;
box-shadow:-5px 8px 15px -5px #000;
}
これは理論的には機能するはずですが、明らかなことを見逃している可能性があります。