Criar uma categoria retrátil com JS

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Criar uma categoria retrátil com JS

Mensagem por Eduardo Lima em 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
Nível 9

Inscrito dia : 07/03/2016
Mensagens : 243
Pontos Ativos : 380

Ver perfil do usuário http://www.brasilplayforever.com/forum
  • 0

Atendido / Resolvido Re: Criar uma categoria retrátil com JS

Mensagem por Luiz em 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Criar uma categoria retrátil com JS

Mensagem por Eduardo Lima em 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
Nível 9

Inscrito dia : 07/03/2016
Mensagens : 243
Pontos Ativos : 380

Ver perfil do usuário http://www.brasilplayforever.com/forum
  • 0

Atendido / Resolvido Re: Criar uma categoria retrátil com JS

Mensagem por Luiz em 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Criar uma categoria retrátil com JS

Mensagem por Eduardo Lima em 08.10.17 20:25

Oba, perfeito.

Muito obrigado, Luiz. You is the best Colegas
avatar

Eduardo Lima
Nível 9

Inscrito dia : 07/03/2016
Mensagens : 243
Pontos Ativos : 380

Ver perfil do usuário http://www.brasilplayforever.com/forum

Atendido / Resolvido Re: Criar uma categoria retrátil com JS

Mensagem por Luiz em 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum