// Opcion 1

var state = 'none';
function showhide(layer_ref) {
if (state == 'block') { 
state = 'none'; 
} 
else { 
state = 'block'; 
} 
if (document.all) {
eval( "document.all." + layer_ref + ".style.display = state"); 
} 
if (document.layers) {
document.layers[layer_ref].display = state; 
} 
if (document.getElementById &&!document.all) { 
hza = document.getElementById(layer_ref); 
hza.style.display = state; 
} 
}

// Opcion 2

function toggle2(showHideDiv) {
	var ele = document.getElementById(showHideDiv);
	
	if(ele.style.display == "block") {
    	ele.style.display = "none";
		text.innerHTML = "Mostrar";
  	}
	else {
		ele.style.display = "block";
		text.innerHTML = "Ocultar";
	}
}

// Opcion 3

function toggleReplace(showHideDiv, switchTextDiv) {
	var ele = document.getElementById(showHideDiv);
	var text = document.getElementById(switchTextDiv);
	if(ele.style.display == "block") {
    	ele.style.display = "none";
		text.innerHTML = "Mostrar";
  	}
	else {
		ele.style.display = "block";
		text.innerHTML = "";
	}
}