如何正确使用toggle（）功能

Question

我有一个更改表单的toggle（）脚本。用户所做的是点击ID为“comp”的图像。然后，将标签更改为“新公司”，选择下拉列表更改为文本输入。但是我如何才能将其切换回原来的状态呢？

<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');
         });
    });
});