Javascript 检查jquery中的prop（“disabled”）的If语句不起作用

在下面的代码中，我使用一个单选按钮显示两个不同的

textarea

名称

textA

和

textB

<input onClick="optionA();" type="radio" name="button2" value="Yes" checked /><label>Option A</label>   
<input onClick="optionB();" type="radio" name="button2" value="No" /><label>Option B</label>

<div id="textA" >
<div class="input"><span><textarea  class="textarea" id="textboxA" name="textA" type="text"></textarea></span> </div>   
</div>

<div id="textB" style="display:none;">
<div class="input"><span><textarea  class="textarea" id="textboxB" name="textB" type="text"></textarea></span> </div>   
</div>

<div id="error" style="display:none;"></div>

面临的问题： 如果我从

textA

切换到

textB

，

error div

中显示的消息不会隐藏，即使我添加了

$（“#error”）。slideUp（“fast”）用于
（$（“#textA”）.prop（“禁用”）

下面是针对同一问题的示例
在文本区域的“keyup”侦听器中执行错误div的隐藏。只需单击其中一个单选按钮即可切换文本区域。您需要将slideup添加到函数optionA（）和optionB（）。例如：

function optionA()  {

$('#textA').prop("disabled",false);
$('#textA').slideDown("fast");

document.getElementById("textboxB").value="";
$('#textB').slideUp("fast");
$('#textB').prop("disabled",true);

$("#error").slideUp("fast");
}

请参阅更改的fiddle:
在文本区域的“keyup”侦听器中执行错误div的隐藏。只需单击其中一个单选按钮即可切换文本区域。您需要将slideup添加到函数optionA（）和optionB（）。例如：

function optionA()  {

$('#textA').prop("disabled",false);
$('#textA').slideDown("fast");

document.getElementById("textboxB").value="";
$('#textB').slideUp("fast");
$('#textB').prop("disabled",true);

$("#error").slideUp("fast");
}

查看已更改的小提琴：
您的小提琴设置对我有效。你用的是哪种浏览器？我试过chrome和FF。我在这里看到的是一条信息，当你使用textbox时，你会看到一个需要隐藏的信息，如果我切换到textbox，我们的小提琴设置对我有效。你用的是哪种浏览器？我试过chrome和FF。我在这里看到的是，如果我切换到文本框B，在使用文本框A时，您会看到需要隐藏的消息