cross browser - Improve jquery function to show/hide sections depending on day of the week not working in IE8? -
i have following function hide/show sections of webpage depending of day of week.
unfortunately found out not working on ie8 , displays days remaining including current day of week.
it works on chrome,safari,firefox, ie7, ie9 , ie10 not in ie 8.
anyone can help?
see function below.
$(document).ready(function () { var dayofweek = new date().getday(); if (dayofweek == 2) { $("#menu1").css("display", "none"); $("#menu2").css("display", "block"); $("#menu3").css("display", "none"); $("#menu4").css("display", "none"); $("#menu5").css("display", "none"); } else if (dayofweek == 3) { $("#menu1").css("display", "none"); $("#menu2").css("display", "none"); $("#menu3").css("display", "block"); $("#menu4").css("display", "none"); $("#menu5").css("display", "none"); } else if (dayofweek == 4) { $("#menu1").css("display", "none"); $("#menu2").css("display", "none"); $("#menu3").css("display", "none"); $("#menu4").css("display", "block"); $("#menu5").css("display", "none"); } else if (dayofweek == 5) { $("#menu1").css("display", "none"); $("#menu2").css("display", "none"); $("#menu3").css("display", "none"); $("#menu4").css("display", "none"); $("#menu5").css("display", "block"); } else { $("#menu1").css("display", "block"); $("#menu2").css("display", "none"); $("#menu3").css("display", "none"); $("#menu4").css("display", "none"); $("#menu5").css("display", "none"); } }); thanks in advance.
i have made small jsfiddle using code. please check below demo.
Comments
Post a Comment