$(function() {
$(".showhidetarget").hide(); //this is for hiding table when page loads first time
$(".showhideproject").toggle(
function(e) {
$(".showhidetarget").show();
$(".showhideproject").html("Hide project information");
$('.showhideproject').toggleClass('selected');
$('.showhideproject').css("color","#e3771f");
e.preventDefault();
},
function(e) {
$(".showhidetarget").hide();
$(".showhideproject").html("View project information");
$('.showhideproject').toggleClass('selected');
$('.showhideproject').css("color","#aba492");
e.preventDefault();
}
);
});   



$(document).ready(function () {
$('.showhidetarget').hide();
$('a.showhidetrigger').click(function () {
$('.showhidetarget').toggle(0);
});
});
        
$(document).ready(function () {
//ipad and iphone fix
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
$(".menu li a").click(function(){
//we just need to attach a click event listener to provoke iPhone/iPod/iPad's hover event
//strange
});
}
});