I found a set of extensions for jQuery slide that I am using to slide a div right and left. The code is as follows. The trouble however with this, and the show() and hide() functions is that it stops sliding when I zoom in my browser window using Cmd + - (I have a Mac). At that point the div hides and then pops back. It only works when the browser is at Cmd + 0. I tried it with both chrome and safari and it does the same. Is this a known issue ? I would really appreciate some insights !!
jQuery.fn.extend({
slideRightShow: function() {
return this.each(function() {
$(this).show('slide', {direction: 'right'}, 1000);
});
},
slideLeftHide: function() {
return this.each(function() {
$(this).hide('slide', {direction: 'left'}, 1000);
});
},
slideRightHide: function() {
return this.each(function() {
$(this).hide('slide', {direction: 'right'}, 1000);
});
},
slideLeftShow: function() {
return this.each(function() {
$(this).show('slide', {direction: 'left'}, 1000);
});
}
});