$( 셀렉터 ).fadeToggle() - 요소를 서서히 보였다 안보였다를 교차 반복합니다.
$( '.css_test img' ).fadeToggle() - 클래스명이 css_test 요소인 것의 이미지를 효과반복
$( 셀렉터 ).fadeToggle( 시간 ) - 요소를 지정한 시간만큼 효과를 적용합니다.
- 시간은 1000분의1초 단위입니다. 1000 이라면 1초
$( '.css_test img' ).fadeToggle( 500 ) - 클래스명이 css_test 요소인 것의 이미지를 0.5 초동안 효과 적용
$( '.css_test img' ).fadeToggle( 1000 ) - 클래스명이 css_test 요소인 것의 이미지를 1 초동안 효과 적용
$( '.css_test img' ).stop().fadeToggle( 1000 )
stop 메서드를 사용하면 버튼을 연타했을때 효과가 중첩되어 실행되는것을 방지합니다.
function j_test(){
$( '.css_test img' ).fadeToggle( 500, function(){
alert( '두둥~' );
} );
}