2014-05-25 2 views
-2

아래의 바이블 예제에서 메뉴의 모든 링크를 확장하고 모든 링크를 축소하려면 어떻게해야합니까?jquery vertical menu popout & toggle

또한 I 단지 메뉴 버튼은 작은 화면에 대한 미디어 쿼리를 이용하여 클릭하면, 메뉴가 같은 예

http://jsfiddle.net/PZHF5/

내 화면의 측면을 열어야로 메뉴를 다른 창에서 할 수있는 방법이
Thanks 
+0

스택 오버플로의 정책은 * 도움 * 당신이, 당신이 제한하지 않을 수 있습니다. jsFiddle에 연결해서는 안되며 게시글에 코드를 포함시켜야한다는 메시지를 받았다고 가정합니다. 그렇다면 "감사"라는 단어를 코드로 포맷하는 대신 왜하지 않았습니까? 사이트를 떠나지 않고도 문제를 생각할 수 없다면 도움을 줄 수있는 사람이 줄어 듭니다. 결국 당신의 손실입니다. –

답변

2

모두 확장/축소하려면 다음을 추가 할 수 있습니다. 이 플러그인은 플러그인과 통신하지 않으므로 일괄 해결 방법 일 수 있습니다. 즉, 코드를 직접 수정 한 것처럼 보이지는 않습니다. 반응 형 메뉴 단추에 관해서는 - 무엇을 시도 했습니까? 게시물 내용에 대한

HTML

<a href="#" class="xpnd">Expand all</a> 
<a href="#" class="clps">Collapse all</a> 

jQuery를

var $ul = $('.topnav li ul'), 
    $sp = $('.topnav span'), 
    dur = 300; 
$('.xpnd').click(function(e){ 
    e.preventDefault(); 
    $ul.slideDown(dur); 
    $sp.replaceWith('<span>[-]</span>'); 
}); 
$('.clps').click(function(){ 
    e.preventDefault(); 
    $ul.slideUp(dur); 
    $sp.replaceWith('<span>[+]</span>'); 
}); 
+0

확장 후에 +/- 기호를 제외한 모든 것을 모두 클릭하십시오. 감사! –