Quantcast
Channel: Infomation Technology » jquery
Viewing all articles
Browse latest Browse all 10

.show() .hide()

$
0
0
매칭되는 elements 들을 보이게 하거나 사라지게 할 때 사용한다.

사용문법

.show()
.show( duration, [ callback ] )
.show( [ duration ], [ easing ], [ callback ] )
 ※ duration 은 1/1000 초 단위값이다. fast 또는 slow 문자를 가질 수 있다.
사용예

<div id="clickme">  Click here</div> 
<img id="book" src="book.png" alt="" width="100" height="123" />
With the element initially hidden, we can show it slowly:
$('#clickme').click(function() {
  $('#book').show('slow', function() {
    // Animation complete.
  });
});
사용문법
 .hide()
 .hide( duration, [ callback ] )
 .hide( [ duration ], [ easing ], [ callback ] )
 ※ duration 은 1/1000 초 단위값이다. fast 또는 slow 문자를 가질 수 있다.
사용예

<div id="clickme">  Click here</div>
<img id="book" src="book.png" alt="" width="100" height="123" />
With the element initially shown, we can hide it slowly:
$('#clickme').click(function() {
  $('#book').hide('slow', function() {
    alert('Animation complete.');
  });
});

Viewing all articles
Browse latest Browse all 10