<!-- Contêiner principal -->
<div class="menu-container">
<!-- Menu Item: Configurações-->
<div class="menu-item">
<div class="menu-header" onclick="toggleMenu(this)">
<span>Configurações</span>
<span class="menu-arrow">▶</span>
</div>
<div class="menu-content">
<div class="submenu-title">Configurações</div>
<div class="submenu-description">
As telas de <strong>Configurações</strong> oferecem funcionalidades todas as configurações necessárias para possibilitar ao usuário definir as configurações operacionais e permitir efetuar operações de captação a aplicação de recursos da instituição.
</div>
<ul class="submenu-items">
<li class="submenu-item">
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106046" class="submenu-item-title">Enquadramento Legal</a>
<div class="submenu-item-description"> Representa um conjunto de informações que irão servir de base para as informações diárias, bem como a sua classificação para geração de controles das operações, as quais são destinadas ao Banco Central e emissão de documentos padronizados do SELIC/CETIP. Visa também o enquadramento do tipo de cliente para definição do pagamento para o seguro (PROER). Estas informações serão utilizadas quando do cadastramento da conta do cliente.
</div>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106046" class="submenu-link">⮩ Veja como configurar uma nova conta</a>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Cadastrar+Conta" class="submenu-item-title">Encerramento de Contas</a>
<div class="submenu-item-description">
A tela de Encerramento de Contas facilita a gestão de encerramento e reativação de contas.
</div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Encerrar+Conta" class="submenu-link">⮩ Veja como encerrar uma conta</a>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=946416662" class="submenu-item-title">Isenção Tarifas</a>
<div class="submenu-item-description">
A tela destina-se a parametrização de processo especial para o cliente da conta quanto à cobrança parcial (Redutor de tarifa %) ou isenção total, sinalização do campo, de acordo com as condições e políticas da Instituição.
</div>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=946417086" class="submenu-link">⮩ Veja como Isentar ou Reduzir tarifas</a>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=953009306" class="submenu-item-title">Ativo Problemático</a>
<div class="submenu-item-description">
A tela de Ativo Problemático permite aos usuários do sistema a Incluir e Consultar contas correntes como ativo problemático.
</div>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=963030553" class="submenu-link">⮩ Veja como Incluir uma conta como ativo problemático</a>
</li>
</ul>
</div>
</div>
<!-- Menu Item: Consultas -->
<div class="menu-item">
<div class="menu-header" onclick="toggleMenu(this)">
<span>Consultas</span>
<span class="menu-arrow">▶</span>
</div>
<div class="menu-content">
<div class="submenu-title">Consultas</div>
<div class="submenu-description">
A tela de <strong>Consulta</strong> oferece funcionalidades essenciais para visualização de saldos, encargos e tarifas
</div>
<ul class="submenu-items">
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Consulta+de+Saldo" class="submenu-item-title">Consulta de Saldo</a>
<div class="submenu-item-description">
O módulo de consulta de saldos permite visualizar informações detalhadas sobre saldos disponíveis, bloqueados, contas relacionadas, tarifas e encargos.
</div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Consulta+Saldo" class="submenu-link">⮩ Veja como consultar o saldo de uma conta</a>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Consulta+de+Contas" class="submenu-item-title">Consulta de Conta</a>
<div class="submenu-item-description">
Consulta de Conta permite a busca e visualização de informações de contas, incluindo contratos de limite de crédito, quando aplicável. </div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Consulta+Conta" class="submenu-link">⮩ Veja como consultar uma Conta</a>
</li>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Consulta+de+Cotitular" class="submenu-item-title">Consulta de Cotitular</a>
<div class="submenu-item-description">
Esta tela permite a consulta da relação de cotitulares, permitindo uma visão simples da contas.. </div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Consulta+Cotitular" class="submenu-link">⮩ Veja como consultar um cotitular</a>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Consulta+de+Contratos" class="submenu-item-title">Consulta de Contrato</a>
<div class="submenu-item-description">
A tela permite aos usuários buscar e visualizar informações sobre históricos do contrato de uma determinada conta.. </div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Consulta+Contrato" class="submenu-link">⮩ Veja como consultar um contrato</a>
</li>
</li>
</ul>
</div>
</div>
<!-- Menu Item: Agenda -->
<div class="menu-item">
<div class="menu-header" onclick="toggleMenu(this)">
<span>Agenda - Bloqueio de Saldos e Baixa</span>
<span class="menu-arrow">▶</span>
</div>
<div class="menu-content">
<div class="submenu-title">Agenda</div>
<div class="submenu-description">
A tela de <strong>Bloqueio de Saldos e Agendas</strong> gerencia saldos bloqueados e agendas financeiras.
</div>
<ul class="submenu-items">
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Agenda+Bloqueio" class="submenu-item-title">Bloqueio</a>
<div class="submenu-item-description">
Permite registrar bloqueios de saldos em contas
</div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Bloqueio+de+Saldo" class="submenu-link">⮩ Veja como realizar o bloqueio de saldo</a>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Bloqueio+MED" class="submenu-link">⮩ Veja como realizar o bloqueio manual MED</a>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Agenda+Baixa" class="submenu-item-title">Baixa</a>
<div class="submenu-item-description">
Realiza desbloqueio de saldos e baixa de agendamentos diversos.
</div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Desbloqueio+ou+Baixa" class="submenu-link">⮩ Veja como realizar o desbloqueio de saldo ou baixa de agenda</a>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=948262904" class="submenu-item-title">Alteração Agenda</a>
<div class="submenu-item-description">
Permite realizar alterações nas agendas
</div>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=948262879" class="submenu-link">⮩ Veja como realizar a alteração de uma agenda</a>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Desbloqueio+MED" class="submenu-item-title">Desbloqueio MED</a>
<div class="submenu-item-description">
Realiza desbloqueio de saldos bloqueados pelo processo do MED
</div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Desbloqueio+MED" class="submenu-link">⮩ Veja como realizar o desbloqueio MED para liberação na conta do cliente</a>
</li>
</ul>
</div>
</div>
<!-- Menu Item: Movimentações -->
<div class="menu-item">
<div class="menu-header" onclick="toggleMenu(this)">
<span>Movimentações</span>
<span class="menu-arrow">▶</span>
</div>
<div class="menu-content">
<div class="submenu-title">Movimentação</div>
<div class="submenu-description">
A tela permite realizar <strong>Movimentações</strong> de débitos em contas gerenciadas
</div>
<ul class="submenu-items">
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Envio+de+PIX" class="submenu-item-title">PIX</a>
<div class="submenu-item-description">
Realiza o envio de um PIX manual
</div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Envio+Pix" class="submenu-link">⮩ Veja como realizar um PIX</a>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Comprovante+Envio+PIX" class="submenu-link">⮩ Veja como gerar o comprovante de Envio PIX</a>
<div class="submenu-item-description">
Realiza o envio de uma Devolução PIX manual
</div>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=922689522" class="submenu-link">⮩ Veja como realizar uma devolução</a>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=983433696" class="submenu-link">⮩ Veja como gerar o comprovante de um Envio de Devolução PIX</a>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/display/TBC/Comprovante+de+TED" class="submenu-item-title">TED</a>
<div class="submenu-item-description">
Realiza o envio de TED (Boletagem)
</div>
<a href="#" class="submenu-link">⮩ Veja como realizar o envio de um TED -
<i>Funcionalidade disponível apenas no sistema Conta Corrente PB</i>
</a>
<div class="submenu-item-description">
Consulta TED's enviados
</div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Comprovante+Envio+TED" class="submenu-link">⮩ Veja como consultar e imprimir um comprovante de envio de TED.</a>
</li>
<li class="submenu-item">
<a href="#Lançamentos" class="submenu-item-title">Lançamentos</a>
<div class="submenu-item-description">
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=960991594" class="link-description">Agencia</a>
</div>
<div class="submenu-item-description">
A tela de Agencias permite realizar gerenciamento de movimentações em nível de agência.
</div>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=968133579" class="submenu-link">⮩ Veja como realizar um Lançamento na Agência.</a>
<div class="submenu-item-description">
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=977175373" class="link-description">Inter-Agencia</a>
</div>
<div class="submenu-item-description">
A tela de Inter-Agencias permite realizar gerenciamento de movimentações em outras agencias, a partir de uma agencia origem.
</div>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=977180073" class="submenu-link">⮩ Veja como realizar um Lançamento Inter-Agência.</a>
</li>
<li class="submenu-item">
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=979501642" class="submenu-item-title">Boleto</a>
<div class="submenu-item-description">
Realiza a geração de comprovantes de pagamento de boletos
</div>
<a href="https://tdn.totvs.com/display/TBC/Demo+-+Comprovante+Pagamento+Boleto" class="submenu-link">⮩ Veja como gerar o comprovante de pagamento de boletos</a>
</li>
</ul>
</div>
</div>
</div> <style>
/* Estilos para o menu */
.menu-container {
width: 100%;
max-width: 900px;
margin: 0 auto;
font-family: Arial, sans-serif;
}
.menu-item {
margin-bottom: 20px;
border: 1px solid #ddd;
border-radius: 6px;
overflow: hidden;
}
.menu-header {
background-color: #6B8E23;
color: white;
//color: #000;
padding: 12px 15px;
cursor: pointer;
font-weight: bold;
display: flex;
justify-content: space-between;
align-items: center;
}
.menu-header:hover {
background-color: #b0ee00;
color: black;
}
.menu-content {
display: none;
padding: 0 15px 15px;
background-color: white;
}
.submenu-title {
font-weight: bold;
margin: 15px 0 10px;
color: #444;
}
.submenu-description {
margin-bottom: 10px;
line-height: 1.5;
}
.submenu-items {
list-style-type: none;
padding-left: 20px;
margin-top: 10px;
}
.submenu-item {
margin-bottom: 10px;
}
.submenu-item-title {
font-weight: bold;
margin-bottom: 5px;
cursor: pointer;
color: #0066cc;
text-decoration: none;
display: block;
}
.submenu-item-title:hover {
text-decoration: underline;
}
.submenu-item-description {
margin-left: 20px;
margin-bottom: 8px;
}
.submenu-link {
color: #0066cc;
text-decoration: none;
display: block;
margin-left: 40px;
margin-top: 5px;
}
.submenu-link:hover {
text-decoration: underline;
}
/* Classe para mostrar o conteúdo */
.menu-content-visible {
display: block;
}
/* Estilo para a seta */
.menu-arrow {
transition: transform 0.3s;
}
.menu-arrow-down {
transform: rotate(90deg);
}
</style>
<script>
// Função simples para alternar a visibilidade do menu
function toggleMenu(header) {
// Função JavaScript mais simples possível
var content = header.nextElementSibling;
// Verifica se o conteúdo existe
if (content) {
// Alterna a classe para mostrar/esconder o conteúdo
if (content.style.display === "block") {
content.style.display = "none";
// Atualiza a seta
var arrow = header.querySelector(".menu-arrow");
if (arrow) {
arrow.innerHTML = "▶";
arrow.className = "menu-arrow";
}
} else {
content.style.display = "block";
// Atualiza a seta
var arrow = header.querySelector(".menu-arrow");
if (arrow) {
arrow.innerHTML = "▼";
arrow.className = "menu-arrow menu-arrow-down";
}
}
}
}
// Garantir que o script funcione em todos os navegadores
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", function () {
console.log("Menu HTML carregado");
});
} else {
console.log("Menu HTML carregado");
}
</script>
</script> |