jquery 슬라이드토글() 메서드
번역 결과：
slide
English[slaˈd]
vi.slide; 미끄러짐; [야구] 슬라이드 베이스
vt. 조용히 이동
toggleEnglish [ˈtɑ:gl]
n. 전환 키;
jquery 슬라이드토글() 메서드통사론
기능: slideToggle() 메서드는 슬라이딩 효과(높이 변경)를 사용하여 요소의 표시 상태를 전환합니다. 선택한 요소가 표시되면 숨기고, 선택한 요소가 숨겨져 있으면 표시합니다.
구문: $(selector).slideToggle(speed,callback)
매개변수:
| 매개변수 | Description |
| speed | 선택 사항 . 요소가 숨겨진 상태에서 표시되는 상태로(또는 그 반대로) 얼마나 빨리 이동하는지 지정합니다. 기본값은 "보통"입니다. 가능한 값: 밀리초(예: 1500) "느림" "보통" "빠름" 속도를 설정할 때 요소는 전환될 때 높이가 점진적으로 변경됩니다(이렇게 하면 슬라이딩 효과가 생성됩니다). |
| 콜백 | 선택사항. 토글 기능이 실행된 후 실행될 기능입니다. 속도 매개변수를 설정하지 않으면 이 매개변수를 설정할 수 없습니다. |
참고: 요소가 숨겨진 경우 콜백 함수를 지정하지 않으면 효과는 아무런 변화도 일으키지 않습니다.
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").slideToggle();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요