“Llegir més” o leer más amb Javascript


Podem fer un “llegir més” en Javascript amb aquest codi HTML (compatible amb Bootstrap):

<div class="content-wrap">

				<div class="container center clearfix">

	<h2>Encapçamanent principal</h2>
<p>Text introductori. </p>

<a role="Més informació" title="Més informació" id="displayText" href="javascript:toggle();" class=""><h4>Més informació</h4></a>
	
<div id="toggleText" style="display: none">	

<h2> Més encapçalaments </h2>
<p>Més text, ara ocult </p>
<h2> Més encapçalaments 2 </h2>
<p>Més text.... </p>

	</div>				
				

</div>

</div>


I el següent codi Javascript, que podem inserir abans de l’etiqueta </body> :

<script src="js/functions.js"></script>
		<script language="javascript"> 
	function toggle() {
	var ele = document.getElementById("toggleText");
	var text = document.getElementById("displayText");
	if(ele.style.display == "block") {
			ele.style.display = "none";
		text.innerHTML = "<h4>Més informació</h4>";
	}
	else {
		ele.style.display = "block";
		text.innerHTML = "<h4>Amagar</h4>";
	}
	} 
	</script>

Deixa un comentari

L’adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *

13 + five =

Información básica sobre protección de datos Ver más

  • Responsable: Jordi Juan Pérez.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento:  No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a NICALIA que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver Política de cookies
Privacidad