gripHandler jQuery plugin

This is a demo of the gripHandler jQuery plugin.

HTML

<script src="https://github.com/downloads/PeeHaa/gripHandler/griphandler-0.9.0.min.js"></script>
<div class="some-container">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum tincidunt ipsum, a hendrerit urna vehicula ornare. Sed eu risus eu nulla blandit pharetra nec sed dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam interdum dignissim neque vitae ornare. Pellentesque eget dolor non odio scelerisque faucibus. In mattis leo placerat tellus placerat pulvinar. Maecenas eu lobortis lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sollicitudin cursus varius. Donec lacinia porttitor eros, quis laoreet elit pellentesque eu. Donec ut felis diam. Nulla sit amet tellus nec quam tempor faucibus eget interdum augue. Nullam eleifend rutrum justo in malesuada.?</p>
    <div class="grip-handle"><img src="https://github.com/downloads/PeeHaa/gripHandler/grip-horizontal.png" alt="="></div>
</div>

<div class="some-container">
    <p>Other content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum tincidunt ipsum, a hendrerit urna vehicula ornare. Sed eu risus eu nulla blandit pharetra nec sed dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam interdum dignissim neque vitae ornare. Pellentesque eget dolor non odio scelerisque faucibus. In mattis leo placerat tellus placerat pulvinar. Maecenas eu lobortis lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sollicitudin cursus varius. Donec lacinia porttitor eros, quis laoreet elit pellentesque eu. Donec ut felis diam. Nulla sit amet tellus nec quam tempor faucibus eget interdum augue. Nullam eleifend rutrum justo in malesuada.?</p>
    <div class="grip-handle"><img src="https://github.com/downloads/PeeHaa/gripHandler/grip-horizontal.png" alt="="></div>
</div>

CSS

.some-container { box-shadow: 5px 5px 5px 1px #ccc; margin: 10px; padding: 5px; height: 50px; position: relative; overflow: hidden; }
.grip-handle { height: 15px; background: #ccc; position: absolute; bottom: 0; right: 0; width: 20px; }
.grip-handle img { left: 50%; position: relative; top: -3px; }

JavaScript

(function($) {
    $('.some-container').gripHandler({
        cursor: 'n-resize'
    });
})(jQuery);