Botão de Esconder parou de funcionar

por iScroll 15.09.17 21:10

Detalhes da questão

Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: PunBB

Descrição

Bom, meu botão de esconder parou de funcionar, acho que nas alterações que fiz eu editei o código dele >.<
Teria como ver pra mim novamente? Script está no Overall:

https://pastebin.com/bZ5WtMjn

por Luiz 15.09.17 21:16

Remova o JavaScript do overalle crie um novo investido no índice:

Código:: (function ($) { 'use strict'; $(function () { $('.ion-android-remove-circle') .on('click', function () { var $this = $(this); $this .parents('table.table') .find('.statused') .toggle() ; }) ; }); }(jQuery));

o/

por iScroll 15.09.17 21:20

Luiz escreveu:Remova o JavaScript do overalle crie um novo investido no índice:
Código:
(function ($) { 'use strict'; $(function () { $('.ion-android-remove-circle') .on('click', function () { var $this = $(this); $this .parents('table.table') .find('.statused') .toggle() ; }) ; }); }(jQuery));

o/

Agora que lembrei que eu apaguei esse JS fazendo a limpa do fórum Rindo

Teria como adicionar um efeitozinho dele fechando igual antigamente ?

por Luiz 15.09.17 21:21

Código:: (function ($) { 'use strict'; $(function () { $('.ion-android-remove-circle') .on('click', function () { var $this = $(this); $this .parents('table.table') .find('.statused') .slideToggle() ; }) ; }); }(jQuery));

por iScroll 15.09.17 21:22

Luiz escreveu:
Código:
(function ($) { 'use strict'; $(function () { $('.ion-android-remove-circle') .on('click', function () { var $this = $(this); $this .parents('table.table') .find('.statused') .slideToggle() ; }) ; }); }(jQuery));

Ainda está fechando sem tal efeito.

por Luiz 15.09.17 21:27

Tente agora:

Código:: (function ($, css) { 'use strict'; $(function () { $('.ion-android-remove-circle') .on('click', function () { var $this = $(this); $this .parents('table.table') .find('.statused') .toggleClass('fa-hidden') ; }) ; $('<style>', { 'text': css.join('\n') }).appendTo('head'); }); }(jQuery, [ '.statused {', ' transition: opacity 250ms linear, visibility 250ms linear;', ' opacity: 1;', ' visibility: visible;', ' position: relative;', '}', '', '.fa-hidden {', ' opacity: 0;', ' visibility: hidden;', ' position: absolute;', '}' ]));

E:
Por favor, evite ficar citando mensagens assim, acaba por poluir o tópico. Deixe a citação para somente quando for necessário.

por iScroll 15.09.17 21:33

Certo, desculpe.
Ainda sem resultados ;/

por Luiz 15.09.17 21:35

É complicado criar efeitos em tabelas.
Tente agora:

Código:: (function ($) { 'use strict'; $(function () { $('.table > .statused') .each(function () { $(this).wrap('<div class="tbody-wrapper"></div>'); }) ; $('.ion-android-remove-circle') .on('click', function () { var $this = $(this); $this .parents('table.table') .find('.statused > .tbody-wrapper') .slideToggle() ; }) ; }); }(jQuery);

por iScroll 15.09.17 21:39

Luiz escreveu:É complicado criar efeitos em tabelas.
Tente agora:
Código:
(function ($) { 'use strict'; $(function () { $('.table > .statused') .each(function () { $(this).wrap('<div class="tbody-wrapper"></div>'); }) ; $('.ion-android-remove-circle') .on('click', function () { var $this = $(this); $this .parents('table.table') .find('.statused > .tbody-wrapper') .slideToggle() ; }) ; }); }(jQuery);

Agora o JS morreu kkkkk

por Luiz 15.09.17 21:41

Não ria da morte de um JavaScript, jamais. Botão de Esconder parou de funcionar I0McNN9

---

Tente agora:

Código:: (function ($) { 'use strict'; $(function () { $('.table > .statused') .each(function () { $(this).wrap('<div class="tbody-wrapper"></div>'); }) ; $('.ion-android-remove-circle') .on('click', function () { var $this = $(this); $this .parents('table.table') .find('.statused > .tbody-wrapper') .slideToggle() ; }) ; }); }(jQuery));

por iScroll 15.09.17 21:45

KKkkkkkkk eu ri desse meme.
Enfim... Dando sequencia agora tu bugou tudo: http://prntscr.com/glnnfa husahushau

por Luiz 15.09.17 21:47

Tentativa de número 1000:

Código:: (function ($) { 'use strict'; $(function () { $('.ion-android-remove-circle') .on('click', function () { var $this = $(this); $this .parents('table.table') .find('.statused > .tbody-wrapper') .fadeToggle() ; }) ; }); }(jQuery));

por iScroll 15.09.17 21:53

Certo, sem resultado no JS. Não está funcionando.
Gostaria que eu te mandasse o JS com tal efeito ?

---
Edit: http://pedxz.forumeiros.com/forum este forum tem tal efeito.

por Luiz 15.09.17 22:42

Tente agora:

Código:: (function ($) { 'use strict'; $(function () { $('.ion-android-remove-circle') .on('click', function () { var $this = $(this); $this .parents('table.table') .find('.statused') .fadeToggle() ; }) ; }); }(jQuery));

por iScroll 15.09.17 22:49

Quaseeeeeeeeeeeeee
Da pra melhorar pra ficar igual ao do forum citado? Era o mesmo que eu tinha antes '-'

por Luiz 15.09.17 22:54

Se desse já teria feito. :/

E o seu efeito antigo não tinha transição alguma.
-> https://ajuda.forumeiros.com/t108329-#761420

por iScroll 15.09.17 23:11

Bah, de boa então, tá perfeito do jeito que está.
Só uma coisa, quando aparta o botão "esconder" ele não muda pro de expandir que seria um +
Teria como averiguar isso ?

por Luiz 15.09.17 23:14

Código:: (function ($) { 'use strict'; $(function () { $('.ion-android-remove-circle') .on('click', function () { var $this = $(this); $this .toggleClass('ion-android-add-circle ion-android-remove-circle') .parents('table.table') .find('.statused') .fadeToggle() ; }) ; }); }(jQuery));

por iScroll 15.09.17 23:38

Perfect, brô.
Close this topic, please ?
Envergonhado

por Luiz 15.09.17 23:51

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

Botão de Esconder parou de funcionar