======jQuery Effects - Slide======
<WRAP left notice 70%>
  * description : jQuery Effects - Sliding
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-04-15
</WRAP>
<WRAP clear></WRAP>
\\
%%jQuery%% 슬라이드 메서드는 요소를 위 아래로 __미끄러지듯이 움직이게__(slide) 합니다.\\
=====jQuery Sliding Methods=====
%%jQuery%%를 사용하면 요소에 슬라이딩 효과를 적용할 수 있습니다.\\
\\
%%jQuery%%에는 다음과 같은 슬라이드 방법이 있습니다.\\
  * ''slideDown()''
  * ''slideUp()''
  * ''slideToggle()''

=====jQuery slideDown() Method=====
%%jQuery%% ''slideDown()'' 메서드는 요소를 아래로 슬라이드 하는 데 사용됩니다.\\

====Syntax====
<code jquery>
$(selector).slideDown(speed,callback);
</code>

\\
속도 매개 변수 선택은 효과의 지속 시간을 지정합니다. "slow", "fast"또는 밀리 초 값을 사용할 수 있습니다.\\
\\
콜백 매개 변수 선택은 슬라이딩이 완료된 후 실행되는 함수입니다.\\
\\
다음 예제는 ''slideDown()'' 메서드를 보여줍니다.\\

====예제====
<code jquery>
    $(document).ready(function() {
      $("#flip").click(function() {
        $("#panel").slideDown("slow");
      });
    });
</code>

=====jQuery slideUp() Method=====
%%jQuery%% ''slideDown()'' 메서드는 요소를 아래로 슬라이드 하는 데 사용됩니다.\\

====Syntax====
<code jquery>
$(selector).slideUp(speed,callback);
</code>
\\
속도 매개 변수 선택은 효과의 지속 시간을 지정합니다. "slow", "fast"또는 밀리 초 값을 사용할 수 있습니다.\\
\\
콜백 매개 변수 선택은 슬라이딩이 완료된 후 실행되는 함수입니다.\\
\\
다음 예제는 ''slideUp()'' 메서드를 보여줍니다:\\

====예제====
<code jquery>
    $(document).ready(function () {
      $("#flip").click(function () {
        $("#panel").slideUp("slow");
      });
    });
</code>

=====jQuery slideToggle() Method=====
%%jQuery%% ''slideToggle()'' 메서드는 ''slideDown()'' 및 ''slideUp()'' 메서드 사이에서 토글됩니다.\\
\\
요소가 아래로 슬라이드 된 경우, ''slideToggle()''은 해당 요소를 위로 슬라이드 합니다.\\
\\
요소가 위로 슬라이드 된 경우, ''slideToggle()''은 해당 요소를 아래로 슬라이드 합니다.\\
\\
<code jquery>
$(selector).slideToggle(speed,callback);
</code>
\\
속도 매개 변수 선택은 "slow", "fast", 밀리 초 값을 사용할 수 있습니다.\\
\\
콜백 매개 변수 선택은 슬라이딩이 완료된 후 실행되는 함수입니다.\\
\\
다음 예제는 ''slideToggle()'' 메서드를 보여줍니다.\\

====예제====
<code jquery>
    $(document).ready(function () {
      $("#flip").click(function () {
        $("#panel").slideToggle("slow");
      });
    });
</code>

=====jQuery Effects Reference=====
모든 %%jQuery%% 효과에 대한 전체 개요를 보려면, [[https://www.w3schools.com/jquery/jquery_ref_effects.asp|jQuery Effect Reference]]로 이동하십시오.\\


{{tag>오션 jQuery Effects - Sliding}}