jquery - 如何正确使用 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');
         });
    });
});