jQuery Overlaps Plugin Demos
There are four divs below with varying overlaps. Below the boxes are a few buttons that will execute the example code and alert the results.
One
Two
Three
Four
$('#one, #two').is(':overlapping');
$('#one, #three').is(':overlapping');
$('#one, #four').is(':overlapping');
$('#two').overlaps('#one');
$('#three').overlaps('#two');
$('#one, #two, #three, #four').overlaps().length;
Here is the code for this demo.
jQuery(function($) {
$('.runExample').find('button').bind('click', function(event) {
var code = $(this).next('code').text(),
result = eval(code); // please don't use this for evil :(
alert(result);
return false;
});
});