i have a form that is hidden by default. (not really a form, but a div with a textarea and a button)

if you click on a link this form becomes visable. (working)
if you hit the submit button the content of the form is processed and the form becomes invisible again. (working)

now i want that the form becomes invisible when the user clicks outside the textarea without submitting the form.

i'm using the blur function, but i cannot submit anything anymore.

How can i fix this.

Not sure I understand what you're asking. Can you post the code.

Originally Posted by PaulW

Not sure I understand what you're asking. Can you post the code.

this is the html code

<div>
  <a href="#" class="quick_comment">+Comment</a> | <a href="#" class="dolike">Like</a>
   <div class="quick_comment_form" style="display:none;">
    <table border="0"><tr><td valign="top">
    <img src="****************" width="25" height="25" />
    </td><td>
    <textarea name="message" rows="2" class="fpost commentmessage""  style="width:350px;" ></textarea>
    <input type="button" value=" Comment " class="fbutton commentsubmit" />
    </td></tr>
    </table>
   </div>
   <input type="hidden" name="wall_id" value="1" />
   <div></div>
  </div>

and this the jquery code

    <script>
    $(document).ready( function(){
      
      $(".commentmessage").blur(function() {
       var thiscomment = $(this).parents(".quick_comment_form");
                 thiscomment.hide(); 
       });
      $(".quick_comment").click(function() {
        $(this).next().next().css("display","block");
        $(this).next().next().find(".commentmessage").focus();
        return false;
      });
      $(".commentsubmit").click(function() {
       
       if ($(this).prev()[0].value != "") {
        var thiscomment = $(this).parents(".quick_comment_form");
        var cbox = thiscomment.next().next();
        var mbox = thiscomment.find(".commentmessage");
        var tbox = thiscomment.next();
        cbox.html("<img src=\"*****************" /> Submitting");
        $.post("*****************",
        {message:mbox[0].value,target_id:tbox[0].value},
          function(data){
         cbox.html("");
         cbox.after(data);
         mbox.attr("value","");
         },"html"
        );
        return false;
       }
      });
      
      $(".dolike").click(function() {
       var thiscomment = $(this).next();
       var cbox = thiscomment.next().next();
       var tbox = thiscomment.next();
       cbox.html("<img src=\"**********************\" /> Submitting");
       $.post("********************",
       {target_id:tbox[0].value},
         function(data){
        cbox.html("");
        cbox.after(data);
        },"html"
       );
       $(this).css("display","none");
       return false;
      });
    });
    </script>