Afficher / Masquer du texte

<script type="text/javascript">

		
// Pour les "vieux" Navigateurs < IE9
if (typeof document.getElementsByClassName!='function') {
    document.getElementsByClassName = function() {
        var elms = document.getElementsByTagName('*');
        var ei = new Array();
        for (i=0;i<elms.length;i++) {
            if (elms[i].getAttribute('class')) {
                ecl = elms[i].getAttribute('class').split(' ');
                for (j=0;j<ecl.length;j++) {
                    if (ecl[j].toLowerCase() == arguments[0].toLowerCase()) {
                        ei.push(elms[i]);
                    }
                }
            } else if (elms[i].className) {
                ecl = elms[i].className.split(' ');
                for (j=0;j<ecl.length;j++) {
                    if (ecl[j].toLowerCase() == arguments[0].toLowerCase()) {
                        ei.push(elms[i]);
                    }
                }
            }
        }
        return ei;
    }
}		


// Masque tous les élements d'une CLASS
function HideAllElemByCLassName(class_name){
  var ArrElem = document.getElementsByClassName(class_name);
   for ( x=0;x<ArrElem.length;x++){
	  //console.log(ArrElem[x].id);
	  ArrElem[x].style.display = "none";  
   }

}		


function visibilite(thingId){	
	HideAllElemByCLassName("maclassBidon");
	var targetElement;
	targetElement = document.getElementById(thingId) ;
	targetElement.style.display = "" ;
	
}
</script>

<nav id="menu"> 
			<ul> 
				<li> 
					<li class="menu1">
						<a href="#">MENU1</a> 
						<ul class="ssmenu1"> 
							<li><a href="" onclick="javascript:visibilite('id_div_1'); return false;">lien sous menu 1</a></li> 
							<li><a href="" onclick="javascript:visibilite('id_div_2'); return false;">lien sous menu 2</a></li> 
							<li><a href="#">lien sous menu 3</a></li> 
							<li><a href="#">lien sous menu 4</a></li> 
						</ul> 
					</li> 

<!--Code non important pour la compréhansion-->

<div id="content">
			<div id="content_top"></div>
			<div id="content_main">
				<div class="maclassBidon" id="id_div_1" style="display:none;">
					<h1>Page Content</h1>
					<h1>Page Content</h1>
				</div>
				<div class="maclassBidon" id="id_div_2" style="display:none;">
					<h1>Page Content2</h1>
					<h1>Page Content2</h1>
				</div>
			</div>
			<div id="content_bottom"></div>
			<div id="footer"></div>
		</div>