Criar uma categoria retrátil com JS

2 participantes

Ir para baixo

Tópico resolvido Criar uma categoria retrátil com JS

Mensagem por Eduardo Lima 08.10.17 18:52

Detalhes da questão


Endereço do fórum: http://www.brasilplayforever.com/forum
Versão do fórum: phpBB3

Descrição


Bom, usei o tutorial abaixo e ele funcionou, só que tem um probleminha... quando ele 'minimiza' a categoria, se você recarregar a página, a imagem de 'maximizar' reseta e não fica com o botão de +, volta o botão de minimizar sendo que ele já está minimizado...

Tutorial: https://ajuda.forumeiros.com/t90717-tutorial-criar-uma-categoria-retratil-com-javascript

Só entrar no fórum e fazer um teste, minimiza > recarrega a página > verá o problema,
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil com JS

Mensagem por Luiz 08.10.17 19:16

Crie um novo JS com o código:
Código:
(function ($) {
  'use strict';

  var check = function () {
    $('.topiclist.forums').each(function () {
      var $this = $(this);

      if ($this.css('display') !== 'none') {
        return;
      }

      $this
        .parents('.forabg')
          .find('[src="http://i.imgur.com/I5HCAxH.png"]')
            .attr('src', 'http://i.imgur.com/LBFBNlE.png')
      ;
    });
  };

  $(function () {
    check();
  });
  $(window).on('load', function () {
    check();
  });
}(jQuery));

O senhor ainda deve manter o código original.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil com JS

Mensagem por Eduardo Lima 08.10.17 20:17

Perfeito, resultou.

Agora tem como o botão fazer algum efeito? Ele fica lá parado e quando passa o mouse nele não muda nada, nem a setinha do mouse muda... tá meio sem graça isso, tem como ajeitar?
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil com JS

Mensagem por Luiz 08.10.17 20:22

Adicione em sua CSS:
Código:
.header .icon + img {
  cursor: pointer;
  transition: all 120ms;
  transform: scale(0.9);
}

.header .icon + img:hover {
  transform: scale(1.1);
}

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil com JS

Mensagem por Eduardo Lima 08.10.17 20:25

Oba, perfeito.

Muito obrigado, Luiz. You is the best Colegas
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil com JS

Mensagem por Luiz 08.10.17 20:26

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos