jQuery UI Clip Bug

by mpetrovich

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<img src="http://www.tigerhostel.com/upload/site/rooms/24.jpg" alt="">
<div class="img"></div>

CSS

.img {
    width: 500px;
    height: 333px;
    background: url("http://www.tigerhostel.com/upload/site/rooms/24.jpg") no-repeat;
}

JavaScript

$("img, .img").click(function() {
    $(this).effect("clip", {
        direction: "horizontal"
    }, 3000, function() {
        $(this).show();
    });
});