Mostrar Ocultar Contenido

<!–start_raw–><script type=”text/javascript”>// <![CDATA[
$uno = ”
<h4 onclick=\”window.open(‘http://www.burocreativo.com/clientes/quality/wp-content/uploads/pdf/BLUM.pdf&#8217;,’_newtab’); \” style=\”cursor: pointer;\” > DESCARGAR INFORMACIÓN BLUM</h4 > ”

$dos = ”
<h4 onclick=\”window.open(‘http://www.burocreativo.com/clientes/quality/&#8217;,’_newtab’); \” style=\”cursor: pointer;\” > DESCARGAR INFORMACIÓN ACURIDE</h4>
“;

$tres = ”
<h4 onclick=\”window.open(‘http://www.burocreativo.com/clientes/quality/wp-content/uploads/pdf/VAUTH-SAGEL.pdf&#8217;,’_newtab’); \” style=\”cursor: pointer;\” > DESCARGAR INFORMACIÓN VAUTH-SAGEL</h4>
“;

$cuatro = ”
<h4 onclick=\”window.open(‘http://www.burocreativo.com/clientes/quality/wp-content/uploads/pdf/KESSEBOHMER.pdf&#8217;,’_newtab’); \” style=\”cursor: pointer;\” > DESCARGAR INFORMACIÓN KESSEBOHMER</h4>
“;

$cinco = ”
<h4 onclick=\”window.open(‘http://www.burocreativo.com/clientes/quality/wp-content/uploads/pdf/CERRAJES.pdf&#8217;,’_newtab’); \” style=\”cursor: pointer;\” > DESCARGAR INFORMACIÓN CERRAJES</h4>
“;

var ant= “”;function enlaceOn( sel ) { $(ant).removeClass(“li-activo”);ant = sel;$(sel).toggleClass(‘li-activo’); }
// ]]></script><!–end_raw–>

<!– SECCION DE EMPRESAS–>

<!– SECCION DE EMPRESAS–>
<div id=”links-informacion”>
<ul style=”list-style: none; padding: 0;”>
<li class=”li-inactivo” id=”elemento-info-01″ onclick=”$(‘#bloque-informacion-material’).html($uno); enlaceOn(this)”>BLUM</li>
<li class=”li-inactivo” id=”elemento-info-02″ onclick=”$(‘#bloque-informacion-material’).html($dos); enlaceOn(this)”>ACURIDE</li>
<li class=”li-inactivo” id=”elemento-info-03″ onclick=”$(‘#bloque-informacion-material’).html($tres); enlaceOn(this)”>VAUTH-SAGEL</li>
<li class=”li-inactivo” id=”elemento-info-04″ onclick=”$(‘#bloque-informacion-material’).html($cuatro);enlaceOn(this)”>KESSEBÖHMER</li>
<li class=”li-inactivo” id=”elemento-info-05″ onclick=”$(‘#bloque-informacion-material’).html($cinco); enlaceOn(this)”>CERRAJES</li>
</ul>
</div>
<div class=”informacion-material” id=”bloque-informacion-material”>.</div>

 

 

 

 

 

 

HOJA DE ESTILO

 

 
#cubiertas li a{
font-family: sans-serif !important;
color: #505050;
font-weight: bold;
font-size:19px;
}

#cubiertas li a:hover{
font-family: sans-serif !important;
color: #EE4590 !Important;
font-weight: bold;
text-decoration:initial;
font-size:19px;
}

#links-informacion{
width: 250px;
position: relative;
float:left;
padding-right: 20px;
z-index:100;
}

#bloque-informacion-material{
position: relative;
padding-right: 2px;
z-index: 2;
font-family: sans-serif;
font-size: 14px;
line-height: 18px;
/*Agregado para verse fijo*/
float: left;
width: 60%;
text-align: justify;
margin-bottom: 55px;
}

.li-inactivo {
color : #505050;
cursor: pointer;
font-size:20px;
text-indent: 0px;
line-height: 20px;
padding-bottom: 25px;

}

.li-activo{
color: #EE4590;
background: transparent url(http://www.burocreativo.com/clientes/quality/wp-content/themes/mater/flecha.png) 237px 0px no-repeat;
font-size: 20px;
text-indent: 0px;
line-height: 20px;
padding-bottom: 25px;
}

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s