어떻게 사용의 jQuery 애니메이션() 함수

Question

에서 중요한 아래 jQuery를 참조하십시오!

을 난 정말이 코드에 height에 대한 CSS !important을 사용하는 방법을 궁금해하고있다.

 $j('#lveis-wrapper_3').animate({ 
      opacity: 0.0, 
      height : 200 
     }, 1200); 

#lveis-wrapper_3의 CSS는 다음과 같습니다 :

이

#lveis-wrapper_3 
{ 
    width: 844px !important; 
    height: 936px !important; 
    margin: 0pt 0pt 10px !important; 
    padding: 0pt !important; 
    float: none; 
} 

내가
그래서 난 변경하려면 ... 어떤 이유로 height: 936px에서 !important를 제거 할 수 heightanimate() jQuery를 기능에 의해 -하지만 어떻게 ?

Answer 1

당신은 이것을 할 수 없습니다. jQuery documentation 당으로

...

는 "모든 애니메이션 속성은 단일 숫자 값 ... 이가 기본 jQuery를 사용하여 애니메이션 할 수없는 숫자가 아닌 대부분의 속성에 애니메이션되어야한다 기능 ... "

http://api.jquery.com/animate/

---

!important에 대한 필요성을 다시 확인하는 것이 좋습니다.

Answer 2

당신은 그렇게 할 수는 없지만 이것을 시도하십시오!

DIV, IMG ... 여부에 따라 다음과 같이해야합니다. 이 예는 이미지의 경우입니다.

$j('img#lveis-wrapper_3').animate({ 
     opacity: 0.0, 
     height : 200 
    }, 1200); 

우선 순위는 선택기 특이성이있는 CSS에서 정의됩니다. 에 대한 귀하의 선택의 특이성은가 1.0.0했다 #ID하지만 IMG 번호 아이디을 추가하는 것은 그러므로 이제 우선 순위가 높은, 1.0.1입니다.

Answer 3

스타일 속성이 $ (elem) .attr ('style', '...')에 의해 변경 되더라도 CSS 전환이 작동하기 때문에 CSS 전환을 사용할 수 있습니다.

당신이 사용

JS

// the element you want to animate 
$(elem).attr('style', 'your_style_with_important'); 

CSS

elem { 
    transition: all 0.2 linear; 
    -moz-transition: all 0.2 linear; 
    -webkit-transition: all 0.2 linear; 
}