<script type="text/javascript">
	sort = false;
</script>
<ul id="sort">
	<li>
        <div id="toogle1" class="toogle">Acount1</div>
        <div class="down" id="profile1">
            <table>
                <tr>
                    <td>Username:</td><td><input type="text" value="Acount 1"></td>
                    <td>Password:</td><td><input type="password" value="Passed"></td>
                </tr>
            </table>
        </div>
        <script type="text/javascript">
            $(document).ready(function(){
				$('#toogle1').click(function () {
					$('#profile1').slideToggle(300, function(){
						$('#toogle1').toggleClass('up');
					});
				});
            });
        </script>
    </li>
    <li>
        <div id="toogle2" class="toogle">Acount2</div>
        <div class="down" id="profile2">
            <table>
                <tr>
                    <td>Username:</td><td><input type="text" value="Acount 2"></td>
                    <td>Password:</td><td><input type="password" value="Passed"></td>
                </tr>
            </table>
        </div>
        <script type="text/javascript">
            $(document).ready(function(){
				$('#toogle2').click(function () {
											  alert(sort);
					$('#profile2').slideToggle(300, function(){
						$('#toogle2').toggleClass('up');
					});
				});
            });
        </script>
    </li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
	$("#sort").sortable({
		stop:function(event,ui){
			event.preventDefault();
			 sort=true;
			event.stopImmediatePropagation();
			 sort=false;
		}
	})
});
</script>