Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Section
Column
width55%
HTML
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=388237128" class="customBtn btnVerde"> 
        Guia de instalações e configurações</a><br>
<a href="https://tdn.totvs.com/display/FDSTB/Novidades" class="customBtn btnVerde"> 
        Novidades</a><br>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=415709081" class="customBtn btnAzul">
        CNI - Confederação Nacional das indústrias - Departamento Nacional</a><br>
 
<a class="customBtn btnAzul toggleBtn" target="content_FIEC">FIEC - Federação das Indústrias do Ceará</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIEMA">FIEMA - Federação das Indústrias do Estado do Maranhão</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIEPA">FIEPA - Federação das Indústrias do Estado do Pará</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIEPE">FIEPE - Federação das Indústrias do Estado de Pernambuco</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIEP">FIEP - Federação das Indústrias do Paraná</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIERGS">FIERGS - Federação das Indústrias do Rio Grande do Sul</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIES">FIES - Federação das Indústrias do Estado de Sergipe</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIRJAN">FIRJAN - Federação das Indústrias do Rio de Janeiro</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIERN">FIERN - Federação das Indústrias do Rio Grande do Norte</a><br>
<a class="customBtn btnAzul toggleBtn" target="content_FIEMG">FIEMG - Federação das Indústrias de Minas Gerais</a><br>   
Column
width45%
Cloak
idFIEC

trueResumoFIECtruepage

Cloak
idFIEMA

trueresumoFiematruepage

Cloak
idFIEPA

trueresumoFiepatruepage

Cloak
idFIEPE

trueresumoFiepetruepage

Cloak
idFIEP

trueresumoFieptruepage

Cloak
idFIERGS

trueresumoFiergstruepage

Cloak
idFIES

trueresumoFiestruepage

Cloak
idFIERJAN

trueresumoFirjantruepage

Cloak
idFIERN

trueresumoFierntruepage

Cloak
idFIEMG

trueresumoFiemgtruepage

Cloak
idFIERJAN

trueresumoFirjantruepage

Cloak
idFIERJAN

trueresumoFirjantruepage

HTML
<script>
    var toggleBtn = document.getElementsByClassName('toggleBtn');

    for (var i = 0; i < toggleBtn.length; i++){
        toggleBtn[i].addEventListener('click', toggleContent.bind(null, toggleBtn[i].target));
    }

    function toggleContent(target){
        toggleContentDisplayNone()
        var content = document.getElementById(target);
        if(content.style.display === 'none'){
            content.style.display = 'block';
        }
    }

    function toggleContentDisplayNone(){
        var contents = document.getElementsByClassName('cloak')
        for(var i = 0; i < contents.length; i++){
            if(contents[i].style.display != 'none')
                contents[i].style.display = 'none';
        }
    }
</script>
<style> 
.customBtn {
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:13px 32px;
	text-decoration:none;
	margin: 5px;
	width: 530px;
 	min-width: 50%; 
	max-width: 600px;  
    text-decoration: none;
}

.customBtn:active {
	position:relative;
	top:1px;
}

.btnAzul{
  	background-color:#609af7; 
}

.btnAzul:hover {
	background-color:#4d84db;
	text-decoration: none;
}

.btnVerde{
  	background-color:#38d161;
}

.btnVerde:hover {
	background-color:  #2a9c48;
	text-decoration: none;
}  </style>

...