If you view the site in IE9, it is not recognizing the height set by jQuery…does anyone know a workaround or can tell me how crappy my jQuery is so i can fix it?
obviously it works in chrome, because chrome doesn’t suck arse.
Thanks Guys!
The Site: http://www.design-ninja.net
Here is the jQuery:
$(document).ready(function(e) {
var halfScreen = document.height / 2;
var tp = $('.top');
var btm = $('.bottom');
var map = $('div.map');
$('.top, .bottom').css('height', halfScreen);
map.hover(function() {
map.css('display', 'none');
tp.animate({
height: halfScreen - 100,
}, {
duration: 1000,
queue: false,
specialEasing: {
height: 'easeOutBounce'
}
});
btm.animate({
marginTop: '+=100'
}, {
duration: 1000,
queue: false,
specialEasing: {
marginTop: 'easeOutBounce'
}
});
});
});