Script desenvolvido por mim para os clientes acessarem perguntas frequentes

Olá, eu desenvolvi um script bem simples para os clientes acessarem perguntas frequentes de forma bem simples nas páginas do site, deve ser colocado como HTML nas páginas que você desejar, pode ser até em todas as páginas.

<div id="faq">

<div class="pergunta">
<p class="titulo-pergunta"> Pergunta 1 ? </p>
<p class="conteudo-pergunta">
is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
</div>


<div class="pergunta">
<p class="titulo-pergunta"> Pergunta 2 ? </p>
<p class="conteudo-pergunta">
is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
</div>

<div class="pergunta">
<p class="titulo-pergunta"> Pergunta 3 ? </p>
<p class="conteudo-pergunta">
is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
</div>

<div class="pergunta">
<p class="titulo-pergunta"> Pergunta 4 ? </p>
<p class="conteudo-pergunta">
is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
</div>

<div class="pergunta">
<p class="titulo-pergunta"> Pergunta 5 ? </p>
<p class="conteudo-pergunta">
is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
</div>

<a href="#" class="voltar"> Voltar </a>

</div>

<div id="btn-faq">
<img src="https://i.ibb.co/3RphwYw/duvidas-frequentes-icon.png">
</div>

<style>

#faq::-webkit-scrollbar-track {
    background-color: #F4F4F4;
}
#faq::-webkit-scrollbar {
    width: 6px;
    background: #F4F4F4;
}
#faq::-webkit-scrollbar-thumb {
    background: #dad7d7;
}

#faq { min-width: 250px; width: auto; height: 250px; background: #ADD8E6; padding: 10px; border-radius: 5px; position: fixed; bottom: 100px; right: 10px; box-shadow: 1px 1px 1px #000; overflow-y: auto; overflow-x: hidden; display: none; z-index: 9999999; }

#faq .titulo-pergunta { max-width: 250px; width: auto; background: #4682B4; padding: 10px; font-size: 14px; cursor: pointer; color: #fff; }

#faq .conteudo-pergunta { max-width: 250px; width: auto; min-height: 100px; height: auto; background: #B0C4DE; padding: 10px; display: none; }

#faq .voltar { position: fixed; bottom: 100px; right: 20px; background: #444; color: #fff; text-decoration: none; padding: 5px; }

#btn-faq { position: fixed; bottom: 10px; right: 10px; z-index: 9999999; }
#btn-faq img { max-width: 80px; }

</style>

<script type="text/javascript">
$(function() {

$("#faq .voltar").on("click", function() {
$("#faq .titulo-pergunta").hide();
$("#faq .conteudo-pergunta").hide();
$("#faq .titulo-pergunta").show();
$(this).hide()
})

$("#btn-faq").on("click", function() {
$("#faq").toggle();
$("#faq .voltar").hide()
})

$("#faq .titulo-pergunta").on("click", function() {

$("#faq .titulo-pergunta").hide();
$("#faq .conteudo-pergunta").hide();

$(this).show();
$(this).parent().find(".conteudo-pergunta").toggle();
$("#faq .voltar").show()

})

});
</script>
3 Curtidas

A ideia é muito boa! Parabéns!

Obrigado.

1 Curtida

Joc01
boa noite
preciso fazer algumas alterações em minha loja https://www.graficacuiaba.shop

1 - https://www.graficacuiaba.shop/Premium-300g-Verniz-Localizado
fazer um efeito hover nas opções dos produtos.

2 - incluir opções

meu whats 65992367995

Poderia me chamar no messenger?

Cicero Webdesigner

como faço para falar com você , pois não tenho messager só zap

Te chamei no Messenger

Precisa de uma solulção para essa questão do pagamento na entrega, pois não aparece as parcelas para cliente selecionar.

1 Curtida

Tô com mesmo problema, conseguiu solucionar?

para resolver isso não poderia criar uma uma pagina extra?

Ainda não, pior que isso ta me gerando maior problema, não imaginava que era sim, pois só fui ver quando assinei o pro e todas os produtos cadastrado e não achei ainda uma solução to com site praticamente parado… Não faz sentido do jeito que ta…

Se caso achar uma solução primeiro me passe por favor, pois o pessoal da loja integrada, ta deixando muito a desejar.

Foi mal, achei que era para o caso do titulo.