2014-04-15 1 views
-1

좋아요, 내비게이션이 숨겨져 있습니다. 트리거를 클릭하면 메뉴가 표시됩니다.Div에 숨겨진 속성을 표시하지 않고 표시

그런 다음 컨테이너 div 내에 숨겨진 하위 메뉴가 있습니다.

트리거를 클릭하면 모든 것이 정상적으로 작동하지만 하위 탐색도 표시됩니다.

서브 네비게이션을 표시하지 않고 전화를 걸면 메뉴를 표시 할 수 있습니까?

 <div class="sidebardesktop"> 

        <ul> 
         <li><a href="#" class="homenavtoggle">Home</a></li> 
         <li><a href="profile.html">Profile</a></li> 
         <li><a href="services.html">Services</a></li> 
         <li><a href="prices.html">Prices</a></li> 
         <li><a href="features.html">Features</a></li> 
         <li><a href="#" class="projectnavtoggle">project</a></li> 
         <li><a href="contact.html">Contact</a></li> 
         <li><a href="#"></a></li> 
         <li><a href="#"></a></li> 

        </ul> 

        <!-- SUB Menu - Desktop Only! 
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --> 
        <ul class="home"> 
         <li><a href="index.html">HomePage 1</a></li> 
         <li><a href="indextwo.html">HomePage 2</a></li> 
         <li><a href="indexthree.html">HomePage 3</a></li> 
        </ul> 

        <ul class="projectnav"> 
         <li><a href="project.html">Video Project</a></li> 
         <li><a href="indextwo.html">Big Title Project</a></li> 
         <li><a href="indexthree.html">Gallery Project</a></li> 
        </ul> 
       </div> 

그리고 아래는 jQuery를이 :

$('.homenavtoggle').click(function(){ 
$(".home").show('fastest');}); 

는 기본적으로 나는 하위 메뉴를 표시하지 않고 표시 할 .sidebardesktop을 보여주고 싶다.

도움을 주시면 감사하겠습니다.

+6

것을 상단 탐색 및 대상에 class를 추가 할 수 있습니다. BTW,'.show ('fastest');를 사용하여 당신은 무엇을 기대하고 있습니까?,'fastest' ??? 빠르다가 빠르다가 200 –

+0

으로 설정하면 CSS가 도움이됩니다. –

+1

하위 메뉴의 CSS가 "display : none"이되도록합니다. –

답변

1

여기를 클릭하십시오 당신은, 당신이 무엇을 요구 분명하지 않다 문제를 복제하는 jsfiddle을 제공하십시오

FIDDLE

관련 문제