first of all, thanks in advance for looking at this piece of jquery. This jquery piece should fold out three pictures only to the right, which is working perfectly. Thing is that because of the hover, it's building up a queue and when you hover over it three times or something like that, it doesn't slide back on mouseleave, but it stays slided out, because of this queue... I was told to add a stop function... So I tried...but it doesn't really work... I'm really an amateur on jquery, so it might be a really easy sollution
This is my jquery:
<script type="text/javascript">
$(document).ready(function(){
$('.slideout').hover(function() {
if ( ! $(this).hasClass('foldedOut') ) {
$(this).animate({
width: "1089px",
}, 1000, '', function() {
$(this).addClass('foldedOut');
updateFoldedOutClickFunctions();
});
}
});
});
function updateFoldedOutClickFunctions () {
$('.foldedOut').hover(function() {
if ( $(this).hasClass('foldedOut') ) {
var parentID = $(this).parent().attr('id');
var idx = $('#'+parentID).children('.slideout').index(this);
On this homepage website, I have three big pictures, which fold out on a hover... so basically a big part of the image is hidden and at a mouse hover it get's visible....
Thing is... I get these ugly scrollbars in my images when they fold out... I tried to get rid of them, but so far without any succes...
I'm a bit of a rooky on the field of building websites...so maybe this solution is very easy to solve... I hope...