 <p>Ok I got the solution, I have remove the click functionality and use the follwing code :-</p> <pre><code>$('#pendulum-child').draggable( { start: function(event, ui) { $('.flush_handle').addClass('flush_handle1'); }, axis: 'y', revert: function( event, ui ) { $('.flush_handle').removeClass('flush_handle1'); $(this).data("uiDraggable").originalPosition = { top : '3px', left : '-74px' }; init() return true; } } ); </code></pre> <p><strong>CSS :-</strong></p> <pre><code>#pendulum-child { width:118px; height:255px; background-image:url(images/flush-chain.png); background-repeat:no-repeat; position:absolute; left:-74px; top:3px; } #pendulum-parent { width:22px; height:22px; } </code></pre>