Help with resize function

Help with resize function

New to this and I got stuck today then I wanted to do a resizable settings popup box.

  1. $(function() {
        $(".adminpopupbox").resizable({
            handlers: {
                n: '.resizehandle',
                s: '.resizehandle'
            }
            maxHeight: 2000,
            maxWidth: 616,
            minHeight: 100,
            minWidth: 616
        });
    });










Made a script with dragable content and it worked but this don't. I used the demo and it works untill I delete the css files. So I guess the css files have the hit area you need to resize. To it all I wanted my own handle to resize with.

  1. <div class="Grouping_it_all together">
            <div class="something_else">
            </div>
            <div class="boxtoresize">
            </div>
            <div class="resizehandle">
            </div>
    </div>






Using this js file for the use of JQuery:
ui.draggable.js //add this then it didn't work with resize
ui.resizable.js
ui.sortable.js
ui.core.js
jquery-ui-1.7.2.custom.js //add this then it didn't work with resize
jquery-1.3.2.js


Help..? Do I really need more then I added or did I just missed something in my code?