JSFiddle - React, Tailwind, and code Playground

by Sanjay Ingole

HTML

Hide Divs based on Browser versions: <BR/>
<div id="div1" class="uploadDiv"> I am Div 1</div>
<div id="div2" class="uploadDiv"> I am Div 2</div>

CSS

.uploadDiv {
    visibility : hidden;
}

JavaScript

if(isIE10OrLess()) {   
       document.getElementById("div1").style.visibility = "visible";       
    } else {
       document.getElementById("div2").style.visibility = "visible";
}

function isIE10OrLess() {
	
		var agt=navigator.userAgent.toLowerCase();	
		var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));   
        var ie9_Orless = false;
		var myNav = navigator.userAgent.toLowerCase();
		
		var ieversion = (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false;
		
		if(typeof ieversion != 'undefined' && ieversion != false && ieversion < 9) {
			ie9_Orless = true;
		}
		var is_ie10  = (navigator.appVersion.indexOf("MSIE 10") != -1);    
		
		var is_ie11 = (agt.indexOf("trident") != -1 && agt.indexOf("rv:11") != -1);   
				
		if(is_ie && (ie9_Orless || is_ie10)) {
			return true;
		} else if(is_ie11){
			return false;
		} else {
			return false;
		}
	
}