안녕하세요~
jquery로 서브메뉴 페이드 효과하는걸 공부하고 있습니다...
fadein, fadeout이 아니라 fadeto를 사용하면 익스에서도 끊기는 느낌을 줄일수 있다는 말을 듣고
fadeto로 해보고 있는데요.

일단 출력되는건 fadeto로 하면 어떻게 되느냐면... 파폭에서는 제대로 되는데
익스8에서는 밑에 줄만 페이드 효과가 적용되는 느낌입니다.
사라지는 부분에서는 fadeout으로 하면 없어지는데 익스에서는 효과 없이 그냥 사라지는 느낌이구..
fadeto를 사용해서 없애보면 아래 스샷처럼...

이렇게 사이트 위에 올리면 페이드 효과가 기본1 밑에 줄만 적용되어 사라집니다.
놀이터에 올리면 기본2-3 밑에 줄만 적용되어 사라지구요.
나타날때도 없어진 줄 부분만 적용되는것 같은데 뭐가 문제인지 도무지 모르겠습니다.

현재 코드는 elkha님 레이아웃 js 파일을 수정하면서 하고 있습니다.

 (function($){
 // gnb
 gnbLayer = "#header #gnb ";
 function gnb (tmp){
  $(tmp + "li:not('.hover')")
   .children("ul").stop(true,true).fadeTo("slow", 0);
  $(gnbLayer).find('.hover').removeClass('hover')
   .children('ul:not(".hover")').stop(true,true).fadeTo("slow", 1.0);
 }

 $(document).ready(function(){
  // #header .gnb
  $(gnbLayer).find("li").hover(function () {
   $(this).addClass("hover").parents("li").addClass("hover");
   gnb(gnbLayer);
  }).children("a").focus(function(){
   $(this).parents("li").addClass("hover");
   gnb(gnbLayer);
  });
  
  $(gnbLayer).mouseleave(function(){
   gnb(gnbLayer);
  });
  $('*:not("'+ gnbLayer +'a")').focus(function(){
   $(gnbLayer).find(".hover").removeClass("hover");
   gnb(gnbLayer);
  });
 });
})(jQuery);