javascript - 用文本框交换文本区域，反之亦然

Question

以下 jQuery 代码无效。请检查模糊事件导致问题的演示

//code to change textbox
$('.SpeakMindInputArea').live("click",function(){
    $(this).hide().next().show(5).focus();
    $(this).next().find('textarea').first().focus();

});
$('.SpeakMindField').live("blur",function(){
    $(this).find('.SpeakMindInputArea').first().show().next().hide();        
});

演示:http://jsfiddle.net/CwZKq/

我想单击文本框将其更改为文本区域，然后单击模糊返回。但是，如果我尝试提交表单，它需要保持原样。

Answer 1

你可以尝试这样的事情:

$('.SpeakMindInputArea').live("focus",function(){
        $('.SpeakMindTextArea').not(this).hide().prev().show();
        $(this).hide().next().show().find('textarea').focus();
    });

在这种情况下，如果显示文本区域，则只有在单击另一个文本框时才会隐藏它。