jquery 슬라이드다운() 메서드


  번역 결과:

slide

English[slaˈd]

vi.slide; 미끄러짐; [야구] 슬라이드 베이스

vt. 조용히 움직이세요

down

English [daʊn] US [daʊn]

adv.down(앉다, 넘어지다, 누우다);

prep.(위치 표시) 아래로(시간 표시)

아래로; ..) 상대보다 뒤처짐

n, 부드러운 머리카락

vt. .)

vi. 내려오다; [종종 명령형 문장에 사용됨] 내려오다;

jquery 슬라이드다운() 메서드통사론

기능: slideDown() 메서드는 슬라이딩 효과를 사용하여 숨겨진 선택된 요소를 표시합니다.

syntax : $ (selector) .slidedown (속도, 콜백)

파라미터 :

parameter description
speed optional. 요소가 숨겨진 상태에서 표시되는 상태로(또는 그 반대로) 얼마나 빨리 이동하는지 지정합니다. 기본값은 "보통"입니다. 가능한 값: 밀리초(예: 1500) "느림" "보통" "빠름" 속도를 설정할 때 요소는 숨겨진 상태에서 표시되는 상태로 이동하면서 높이를 점차 변경합니다.
콜백 선택사항. SlideDown 함수가 실행된 후 실행될 함수입니다. 콜백에 대해 자세히 알아보려면 jQuery 콜백 장을 방문하세요. 속도 매개변수를 설정하지 않으면 이 매개변수를 설정할 수 없습니다.

참고: 요소가 이미 완전히 표시된 경우 콜백 함수를 지정하지 않는 한 효과는 아무런 변화도 일으키지 않습니다. 이 효과는 jQuery를 통해 숨겨진 요소 또는 CSS에 선언된 display:none이 있는 요소(그러나 visible:hidden이 있는 요소는 제외)에 작동합니다.

jquery 슬라이드다운() 메서드예

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("p").slideUp();
  });
  $(".btn2").click(function(){
  $("p").slideDown();
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A