How to combine ' resizable(){ resize: function() .. ' with ' handles: "se" '

How to combine ' resizable(){ resize: function() .. ' with ' handles: "se" '

Hi nerds,
I'm using jquery-ui  resizable() to trigger a function on a  textarea-resize event

  1. .....
  2. <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  3. <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css"type="text/css" media="all">
  4. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  5. <style type="text/css">
  6.  .ui-resizable-se {bottom: 17px; }  
    </style>
  7.  
  8. <script type="text/javascript">
       $("#nachricht").resizable({
       resize: function() {
          parent.resize_me('iframe' , 40) ;
        
             }
    } );

    </script>







this works alright - but when I try to add the ' handless ' option like this:
 

  1. <script type="text/javascript">
       $("#nachricht").resizable({
       resize: function() {
          parent.resize_me('iframe' , 40) ;
        
             }
    } );
                 
    
              
    
                $( "#nachricht" ).resizable({ handles: "se"  });

    </script>







the text-area appears handless, but the resize function isn't fired anymore.
How can I use this two features together?

greets    Krishan