어떻게 이미지를 페이드 인시키고 jQuery 1.7로 확장 할 수 있습니까?

Question

다양한 코드 스 니펫을 시도했지만 원하는대로 처리 할 수 ​​없습니다.

내가 할 수 있기를 원하는 것은 이미지가 숨겨 지거나/흐려 지거나 축소되거나 축소되거나 완전히 보일 때까지 전환되는 href를 갖는 것입니다.

나는 페이드 인/딜레이를보고 애니메이트했지만 구문을 이해할 수는 없다.

별도의 질문으로, 나는 탭 안에서 이것을하고 있습니다. 이미지 나 텍스트가 탭에 정의 된 높이 이상으로 확장되면 탭을 스크롤 할 수 있습니까?

#StockTakeSummaryPic { 
width:1120px; 
height:1px;} 

function fncShowImage() { 
$('#StockTakeSummaryPic').animate({ 
    opacity: 1, 
    height: 'toggle' 
}, 1000, function() { 
    // Animation complete. 
}); 
} 


<a href="#" onclick="javascript:fncShowImage()">View</a> 

코드가 추가되었습니다.

감사합니다.

Answer 1

처음으로 잘못된 점은 너비가 1px으로 설정되었으므로 키를 토글하면 0과 1 사이에서 전환되므로 어쨌든 표시되지 않습니다.

내 예를 확인하십시오. , fade 및 slide의 세 가지 옵션이 있습니다. 함수 호출을 변경하여 함수의 작동 방식을 확인해야합니다.

Answer 2

<script> 
$('.pic-toggle').click(function(event) { 
    event.preventDefault(); 
    $('#StockTakeSummaryPic').toggle("slow"); 
}); 
</script> 


<a class='pic-toggle' href="#">View</a> 

보십시오.