Q: Setting jQuery Event switch between resizable and draggable I have a div box on my screen. I want the user to resize the jquery box whenever they want AND cancel the jquery draggable event at the same time and vis versa. I'm using a plugin for the draggable section and it is glitching when I resize the box so the solution would be to cancel the draggable event while I resize it. I tried this code below but it doesn't work and I know the logic isn't correct. My question is how would I fix this to make it work?
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">
</script>

<script src="js/easing.js" ></script>
<script src="js/animadrag.js" ></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs
/jqueryui/1.7.1/themes/blitzer/jquery-ui.css">

<div class="body">
    <div class="move"></div>
</div>


<script type="text/javascript" >

$('.move').resizable();     

$('.move').on('hover',function (event) {
//something, although I don't know what, should be put here to cancel resizable
    $('.move').animaDrag({ 
                speed: 150, 
                interval: 120, 
                easing: null, 
                cursor: 'move', 
                boundary: '.body',
                grip: null,  
                overlay: true           
});     

</script>

Here is the working jsbin example. http://jsbin.com/obovof/2/edit

A: I don't understand why you want disable the draggable during the resize. Technically the user will be not able to drag the element during the resize. 
Anyway if you use the jqueryui method draggable instead the animaDrag: you can do it in this way:
$('.move').draggable().resizable({
    start: function(e, ui) {$(this).draggable( "disable" )},
    stop: function(e, ui) {$(this).draggable( "enable" )}
});

