테스트 사이트 - 개발 중인 베타 버전입니다

아코디언 메뉴를 클릭하자마자 하위 메뉴가 뜨게 하려면? 채택완료

클로저 11년 전 조회 8,201

http://red2.net/rwd2/" target="_self">http://red2.net/rwd2/ 

 

아코디언 메뉴로 홈페이지를 만들었는데 메뉴가 스르륵 느리게 뜹니다.

 

하위 메뉴 토글 버튼을 누르자마자 하위 메뉴가 빨리 나오게 하고 싶은데

 

자바스크립트 파일을 아무리 수정해도 안되네요.

 

fast를 지워보기도 하고 숫자로 바꿔도 안되요;;

 

</p><p>jQuery(function($){</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>$("#toggle-button").click(function(){</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('#toggle-menu').slideToggle('fast');</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>});</p><p> </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>$("#toggle-button-main-sub").click(function(){</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('#toggle-menu-main').slideToggle('fast');</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>});</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>$("#toggle-button-game-sub").click(function(){</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('#toggle-menu-game').slideToggle('fast');</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>});</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>$("#toggle-button-content-sub").click(function(){</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('#toggle-menu-content').slideToggle('fast');</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>});</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>$("#toggle-button-comm-sub").click(function(){</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('#toggle-menu-comm').slideToggle('fast');</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>});</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>$("#toggle-button-down-sub").click(function(){</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('#toggle-menu-down').slideToggle('fast');</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>});</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>$("#toggle-button-site-sub").click(function(){</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$('#toggle-menu-site').slideToggle('fast');</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>});</p><p>}); </p><p>

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
샤샤샷
11년 전
slideToggle('fast') -> toggle()

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

11년 전

toggle()로 바꾸니 잘되네요.

두분다 감사합니다. ^.^

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

11년 전

$('#toggle-menu-main').slideToggle('fast'); 이것을

$('#toggle-menu-main').​show();

감출 때는 .hide(); 를 사용해 보세요.

직접 해 보지는 못했지만 top 과 left도 지정을 하셔야 할 듯...​

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인