toggle() 기능을 올바르게 사용하는 방법

Question

양식을 변경하는 toggle() 스크립트가 있습니다. 사용자가하는 일은 id가 "comp"인 이미지를 클릭하는 것입니다. 그런 다음 레이블을 New Company로 변경하고 선택 드롭 다운을 텍스트 입력으로 변경합니다. 그런데 원래 상태로 되돌아 가도록 만드는 방법은 무엇입니까?

<script> 
$(document).ready(function() { 
    $('#newcomp').click(function() { 
     $('select#company').toggle(); 
     $('select#company').replaceWith("<input type='text' id='company' name='company' >"); 
     $('#comp label').replaceWith('<label for="company">New Company</label>') 
    }); 
}); 
</script> 

감사 책략

Answer 1

내가 싶은 것은 fadeOut->replace->fadeIn.

$(document).ready(function() { 
    $('#newcomp').click(function() { 
     $('select#company').fadeOut('slow', function() { 
      $('#comp label').replaceWith('<label for="company">New Company</label>'); 
      $(this).replaceWith("<input type='text' id='company' name='company' >").fadeIn('slow'); 
     }); 
    }); 
});