[uExpo]

<script type="text/javascript"> 
$(document).ready(function(){
$.get("/dir/0-0-$_USER_ID$-0-17", function(data){
var laststat = $(".messagestatus:first", data).html();
 if (laststat == null) {var laststat = 'Статус не установлен';}
$("#mystat").html(laststat);
});
});
function getstatuslength() {
textstat = $("#ustat").val();
 if(textstat.length < 5) {$("#ustat").css("backgroundColor", "#fce4e4")}
 else {pstatus()} 
}
function pstatus() {
mstatus = ["Статус успешно обновлён", "Произошла ошибка"]
textstat = $("#ustat").val(); 
 
$.get('/dir/1-0-0-0-1', function(data){ 
var ssid = $('input[name="ssid"]', data).val(); 
$.post('/dir/', { 
 
a: '12', 
jkd428: '1', 
jkd498: '1', 
ocat: '1', 
brief: $("#ustat").val(),
coms_allowed: '1',
ssid: ssid 
}, function(ss){$("#mystat").text(textstat);$("#okstat").addClass("getokstat").html(mstatus[0]).fadeOut(5000)}); 
}); 
 
} </script>

<div class="" style="padding:5px;text-align:left;margin: 7px">
 
<a href="#" onclick="$('.tableredstatus').show();$('#tablestatus').slideToggle(1);"><div id="tablestatus">
 <table border="0" width="623px" cellspacing="0" cellpadding="0" height="1%">
 <tbody><tr>
 <td align="left" valign="top"><div id="okstat"></div><div id="st"><span id="mystat"><div id="jq"></div><p align="justify"><b>
<font size="2" face="Tahoma" color="#808080">
ghkhjkhukh </font></b>
</p><p><font face="Tahoma" color="#808080" style="font-size: 9pt">
Опубликовано (Сегодня в 11:29)</font><font face="Tahoma" color="#808080" style="font-size: 9pt"></font></p></span> </div></td>
 </tr>
</tbody></table>
 </div></a>
<div class="tableredstatus" style="display:none"><table border="0" width="100%" cellspacing="0" cellpadding="0" height="1%">
 <tbody><tr>
 <td style="padding-bottom:5px;" align="left" valign="top" colspan="2">
 <textarea id="ustat" style="width: 619px; height: 30px;" name="S1" rows="1" cols="20"></textarea></td>
 </tr>
 <tr>
 <td style="width:88%; height:22px" align="left" valign="top">
 <div class="12345" style="width:108px; height:1%;"><a href="javascript:;" onclick="getstatuslength();$('.tableredstatus').slideToggle(1);$('#tablestatus').show();">
 

 <div align="center" id="otvsts" style="background:#6D8FB3;padding-top:6px;border: 1px solid #3B6798;width:107px; height:20px;">

 <font color="#FFFFFF">

 <span lang="ru">Сохранить статус</span></font></div></a></div>
 </td>
 <td align="right" valign="top" width="12%">
 <div class="321" style="width:70px; height:1%;">
 <a href="javascript:;" onclick="$('.tableredstatus').slideToggle(1);$('#tablestatus').show();">
 <div align="center" id="otmenasts" style="background:#EAEAEA;padding-top:6px;border: 1px solid #B9B9B9;width:69px; height:20px">

 <span lang="ru">Отмена</span></div></a></div></td>
 </tr>
 </tbody></table></div>


</div>

Проблема в том что: После того как нажимаем на:

<a href="#" onclick="$('.tableredstatus').show();$('#tablestatus').slideToggle(1);">

Открывается textarea и вводим текст, и там стоит условие:

if(textstat.length < 5) {$("#ustat").css("backgroundColor", "#fce4e4")}

Проблема в том что если ввести меньше 5 букв то это спойлер скрывается, помогите исправить чтобы он не закрывался (только после того когда будет больше 5)