'전'메소드를 jQuery의 'Fadein'메소드와 어떻게 결합합니까?

Question

jQuery의 이전 방법을 사용하여 이미 페이지에있는 다른 div 전에 div를 삽입하는 jQuery 라인이 있습니다.

$("#sendEmail").before('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>');

나는 새로운 div가 사라지기를 원하기 때문에 두 가지 방법으로 방법을 결합하려고했지만 둘 다 제대로 작동하지 않았습니다. 내가 시도한 내용은 다음과 같습니다.

$("#sendEmail").before('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>').fadeIn("slow");

그것은 작동하지 않았기 때문에 #Sendmail div를 퇴색 시키려고했지만 내가 삽입 한 것이 아니라. 내가 한 다른 시도는 다음과 같습니다.

$("#sendEmail").before('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>');                             

$("#response").fadeIn("slow");

#RESPONSE DIV가 내가 퇴색하려고 할 때 이미 삽입 된 이후로 작동하지 않았으므로 아무 일도 일어나지 않습니다.

정말 가까이있는 것 같지만 알아낼 수는 없습니다. 누군가 도울 수 있습니까?

Answer 1

#Response에서 CSS 규칙을 설정하여 표시 : 없음

그런 다음 사라질 때까지 표시되지 않습니다

Answer 2

$('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>')
    .hide().insertAfter("#sendemail").fadeIn();

Answer 3

추가 $ ()를 추가해보십시오. 이렇게하면 응답에서 CreateElement를 호출하고 페이드로 페이드합니다. 그러면 SendEmail 요소 앞에 요소가 추가됩니다.

$("#sendEmail").before($('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>').fadeIn("slow"));

기본적으로 그것이 확장되는 것은입니다.

var responseDiv = $('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>')
  .fadeIn("slow");
$("#sendEmail").before(responseDiv);