// page swapping mumbo jumbo
$(document).ready(function(){
// allow clicking on the icons on the home screen
$('#issue>ul>a').click(function(){
// when clicked fade current out and chosen article in
$('#issue>div').fadeOut(250).filter(this.hash).fadeIn(250);
return false;
});
// at the beginning hide everything but the first one
$('#issue>div').css('position','absolute').not('first').hide();
});
// allow an icon to return to main screen
$(document).ready(function(){
$('.mainmenu>a').click(function(){
$('#issue>div').fadeOut(250);
return false;
});
$('#issue>div').css('position','absolute').hide();
});
This is for an open source magazine publishing engine to get content onto the ipad/iphone/android, but a certain amount of users will also be on IE. The system works in Safari, Chrome, Firefox properly.
You can see an example (with all files used) here: http://straathof.acadnet.ca/beta5.0/
Thanks for any help...
Gerry