Есть примерно такой кусок кода:
<td class="note" id="<уникальные>">
<div class="s1">Трам-пам-пам</div><div id="form" style="display:none; opacity: 0; width:100%"><textarea></textarea><br/><input type="button" id="save" value="OK" /><input type="button" id="del" value="X" /></div>
</td>
Задача: при клике по ячейке, вместо div.s1 показать div#form. C этим проблем нет.
$("td.note").click(function(){
$(this).find("div.smoke").animate({opacity: 0},600).css("display","none");
$(this).find("div#notetext").css("display","block").animate({opacity: 1},600).find("textarea").focus();
});
Ячеек много, при клике на другой, надо скрывать div#form и показывать div.s1 у всех, кроме текущей. Проблем вроде тоже нет (сделал потерей фокуса):
$("textarea").blur(function(){
$(this).parent().animate({opacity: 0},600).css("display","none");
$(this).parent().prev().css("display","block").animate({opacity: 1},600);
})
При клике по кнопкам под textarea надо будет ajax'ом отправлять запросы. Проблема: когда делаю клик по любой из кнопок, то с textarea пропадает фокус, и соответственно div#form пропадает вместе с кнопкой и событие click не срабатывает.
Понятно в принципе что проблема в скритии дива по blur, но увы я пока не придумал как еще это можно сделать.
Потому прошу помощи!