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
false

trueResumoFIECtruepage

Cloak
idFIEMA
false

trueresumoFiematruepage

Cloak
idFIEPA
false

trueresumoFiepatruepage

Cloak
idFIEPE
false

trueresumoFiepetruepage

Cloak
idFIEP
false

trueresumoFieptruepage

Cloak
idFIERGS
false

trueresumoFiergstruepage

Cloak
idFIES
false

trueresumoFiestruepage

Cloak
idFIRJAN
false

trueresumoFirjantruepage

Cloak
idFIERN
false

trueresumoFierntruepage

Cloak
idFIEMG
false

trueresumoFiemgtruepage

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-size:16px;
	font-weight:bold;
	padding: 8px 32px;
	text-decoration:none;
	margin: 1px;
	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:  #31b754;
	text-decoration: none;
}  </style>

...