Twenty Eleven テーマのメニューの IE6 対応

Twenty Eleven のマウスをのせると出てくるサブメニューは li:hover で設定されているので、IE6 では動きません。

しょうがないので JS で書きます。

jQuery(function ($) {
  if ($('html').attr('id') === 'ie6') {
    $('#access ul > li').on('mouseover', function () {
      $(this).find('ul').show();
    }).on('mouseout', function () {
      $(this).find('ul').hide();
    });
  }
});