2012-09-30 2 views
0

div - id가 slider입니다. 링크를 클릭하면 애니메이션으로 표시하거나 숨기고 싶습니다. 더 정확하게는 링크에서 열고 닫으려고합니다.링크에서 자바 스크립트 함수를 호출하십시오. 가능한 모든 메소드

jQuery를

<script type="text/javascript"> 
    $("#toggleslider").click(function() { 
    $(this).hide("#slider", { direction: "up" }, 1000); 
    }); 
</script> 

링크

<li><a id="toggleslider" href="javascript:void(0);">toggle</a></li> 
+0

사용할 수 있습니다 (() 함수 {...})'DOM은 이렇게 이벤트를 할당하기 전에로드 됨 – mplungjan

답변

0

당신은`$에 코드를 가지고 있는지 확인 .slideToggle

$("#toggleslider").click(function() { 
    $('#slider').slideToggle(1000); 
}); 

The live demo.

0

당신은 눈에 보이지 않는 (또는 그 반대로) 볼에서를 전환 할 JQuery와 토글() 함수를 사용할 수 있습니다. 다음을보십시오 : http://api.jquery.com/toggle/

"숨기기"대신 "토글 (toggle)"로만 변경하십시오. 동일한 구문이어야합니다.

편집 : 구문이 완전히 올바르지 않을 수 있습니다. 이 시도.

$("#slider").toggle(1000); 
+0

감사합니다. – fyz

+0

입력 해 주셔서 감사합니다. 귀하의 제안과 xdazz를 사용해 보았습니다.하지만 작동하지 않을 수는 있습니다. 잘못된 것. 나는 왜 그것이 작동하지 않는지 전혀 모른다. – fyz

관련 문제