<style type="text/css">
.css_test {
border-collapse : collapse;
border : 5px solid gray;
padding : 5px;
text-align : center;
}
.css_test td {
border : 1px solid black;
width : 160px;
height : 150px;
}
.css_test img {
max-width : 140px;
max-height : 140px;
}
.css_test img.hide {
display : none;
}
</style>
<button type="button"
onclick="$('.css_test img').stop()
.slideToggle(100)">빠르게 !!</button>
<button type="button"
onclick="$('.css_test img').stop()
.slideToggle(500)">중간 !!</button>
<button type="button"
onclick="$('.css_test img').stop()
.slideToggle(1000)">느리게 !!</button>
<button type="button"
onclick="$('.css_test img').stop()
.slideToggle()">기본 !!</button>
<table class="css_test" cellpadding="0" cellspacing="0" align="center">
<tr>
<td><img src="https://t1.daumcdn.net/cfile/tistory/244ED638555ABF4509" /></td>
<td><img src="https://t1.daumcdn.net/cfile/tistory/24088C3354D74FB505" class="hide" /></td>
<td><img src="https://t1.daumcdn.net/cfile/tistory/25150D38550B923D32" /></td>
</tr>
<tr>
<td><img src="https://t1.daumcdn.net/cfile/tistory/2565C53D552F50A73F" class="hide" /></td>
<td><img src="https://t1.daumcdn.net/cfile/tistory/24088C3354D74FB505" /></td>
<td><img src="https://t1.daumcdn.net/cfile/tistory/21721038550B923C04" class="hide" /></td>
</tr>
<tr>
<td><img src="https://t1.daumcdn.net/cfile/tistory/260B823454D7331823" /></td>
<td><img src="https://t1.daumcdn.net/cfile/tistory/2501343354D74FB514" class="hide" /></td>
<td><img src="https://t1.daumcdn.net/cfile/tistory/231F2B38550B923C2D" /></td>
</tr>
</table>