수직 jquery 슬라이드를 아래로 메뉴가 열려 있도록

멍청한 질문. 대답은 아마도 매우 간단하지만 어쨌든, 나는 그것을 파악할 수 없으며 프로젝트에서 계속 진행해야합니다.수직 jquery 슬라이드를 아래로 메뉴가 열려 있도록

세로 탐색 메뉴가 있으며 마우스를 올리면 슬라이드가 아래로 움직입니다. 하지만 일단 메뉴가 열리면 메뉴가 열려 있기를 바랍니다. 코드의 마지막 행을 지우려고했으나 그 코드가 잘 보이지 않습니다.

Stu Nicholls method을 구현하려했지만 작동하지 않았습니다. 그러나 그것은 내가 갖고 싶은 효과입니다.

<nav id="verticalmenu">   
<ul> 
    <li><a class="slide" href="#">Kalendarium</a> 
    <ul class="down"> 
    <li><a href="#">Konzerte</a></li> 
    <li><a href="#">Seminare</a></li> 
    <li><a href="#">Vortraege</a></li> 
    </ul> 
</li> 
<li><a href="#">Projekte</a> 
    </ul>

그리고 그것에 JQuery와는 :

내 HTML 메뉴는

<script type="text/javascript"> 



(function($){ 

      //cache nav 
      var nav = $("#verticalmenu"); 

      //add hovers to submenu parents 
      nav.find("li").each(function() { 
       if ($(this).find("ul").length > 0) { 


        //show subnav on hover 
        $(this).mouseenter(function() { 
         $(this).find("ul").stop(true, true).slideDown(); 
        }); 

        //hide submenus on exit 
        $(this).mouseleave(function() { 
         $(this).find("ul").stop(true, true).slideUp(); 
        }); 
       } 
      }); 
     })(jQuery);

감사합니다 많이!

출처

2012-01-23 furby

변화 클릭로하는 MouseLeave, 그것을 작동하는 코드를 제공해야 엽니 마우스를 가져 가면, 영업을 : 내부적으로

(function($){ var nav = $("#verticalmenu"); //add hovers to submenu parents nav.find("li").each(function() { var li_ul = $(this).find("ul"); li_ul.hide(); //show subnav on hover $(this).mouseenter(function() { li_ul.stop(true, true).slideDown(); }); }); })(jQuery);

바이올린 것을 검사, JQuery와 않는 경우의 필요가 없다 이 기능을 클릭하면 축소됩니다. –

'// exit시 서브 메뉴 숨김 '주석 뒤에 숨어있는 코드를 제거하십시오. – Samich

두 분 모두 고맙겠습니다. 그러나 이것은 동일한 결과를 나타냅니다. 마우스를 움직일 때까지 모든 것이 잘됩니다. 그러면 모든 것이 뒤범벅이됩니다. 여하튼, 나는 웹을 더 surach 할 것이다. .. 고마워! – furby

문서가로드 될 때 숨길 수 있습니다. 당신이 떠날 때 http://jsfiddle.net/Redwb/3/

출처

2012-01-23 10:30:01

OMG! 고맙습니다 !!!! 당신은 생명의 구원자입니다! 그냥 고객으로부터 전화가 왔고 그는 행복하지 않았습니다. - 당신은 정말로 내 하루를 보냈습니다. !!!! – furby

나는 당신을 도울 수있어서 기쁘다 ... 대답을 받아 들인 것으로 표시하는 것을 잊지 마라. –

http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work 및 http://meta.stackexchange.com/questions/16721/how-does-accept-rate-work 당신을 도울 수 있습니다. –

수직 jquery 슬라이드를 아래로 메뉴가 열려 있도록

답변

관련 문제