Ciao ragazzi ho un pagina che visualizza un finestra draggable e resizable, volevo fare un tasto che mi chiudesse la finestra utilizzando slideToggle() e funziona, il problema è che il non volgio si chiuda tutta, ma quando arriva alla parte superiore dove ci sono i tasti di chiusura e di apertura, si blocca. Vi posto la pagina

codice:
<!DOCTYPE html>
<html>
<head>
    <title>Finestra trascinabile</title>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    
    <style type="text/css">
        
        .win{
            overflow: hidden;
            background:#eeeeee;
            border:1px solid gray;
            border-radius:2px;
            -moz-border-radius:2px;
            -webkit-border-radius:2px;
            width:200px;
            padding-top:3;
            padding-bottom: 5px;
            padding-left: 5px;
            padding-right: 5px;
            box-shadow: 0px 0px 5px gray;

        }
        .top{
            text-align:center;
            position:relative;
            top:0;
            left:0;
            height:27px;
            border-bottom:1px solid gray;
        }
        .content{
            position:relative;
            
        }
        .top:hover{
            cursor:move;
        }
        .cont_but{
            position:absolute;
            right:1px;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function() {
            $( ".win" ).draggable({ handle:'.top' });
            $( ".win" ).resizable({ 
                minHight: 50,
                minWidth: 150,
                ghost: true
            });

            $(".close").click(function(){

                $(".win").hide("slow");

            });
            $(".mini").click(function(){

                $(".win").slideToggle();

            });

        });
  </script>
</head>
<body>


<div class="win">

    <div class="top">
        <div class="cont_but">
            <input type="submit" value="^" class="mini"/>
            <input type="submit" value="X" class="close"/>
        </div>
        Drag me
    </div>
    <div class="content">
        <p id="p">Hi, i'm a p tag, sometimes use me to write a medium-long paragraph, but i i'm very tired for this! =)</p>
    </div>

</div>
</body>
</html>