[TUTORIAL] Mostrar/Fechar Categorias

**T-Lord**

Administrador

Mensagens : 9792
Moedas

Moedas : 234353
Reputação : 278

Mostrar/Fechar Categorias

Já
vimos códigos que fecham todas as categorias de uma vez, o que eu vou
expor aqui fecha apenas a que você quiser, basta dar um clique no título
dela que a mesma fecha e abre automaticamente.

--> Tutoriais sobre Programação <--
Mostrar/Fechar Categorias

1º - Código JavaScript a ser utilizado:

PUNBB:

Código:: jQuery(document).ready(function(){ jQuery('.main .main-head').append('1'); jQuery('.main .main-head').css('cursor','pointer'); jQuery('.main .main-head').attr('title','Fechar Categoria Abaixo'); jQuery('.main .main-head').click(function(){ if(jQuery(this).find('.contar2').text() == "1"){ jQuery(this).next('.main-content').slideUp(); jQuery('.main .main-head').attr('title','Mostrar Categoria Abaixo'); jQuery(this).find('.contar2').text('2'); }else{ jQuery(this).next('.main-content').slideDown(); jQuery('.main .main-head').attr('title','Fechar Categoria Abaixo'); jQuery(this).find('.contar2').text('1'); } }); });

PHPBB3:

Código:: jQuery(document).ready(function(){ jQuery('.forabg .topiclist').append('1'); jQuery('.forabg .topiclist').css('cursor','pointer'); jQuery('.forabg .topiclist').attr('title','Fechar Categoria Abaixo'); jQuery('.forabg .topiclist').click(function(){ if(jQuery(this).find('.contar2').text() == "1"){jQuery(this).next('.topiclist.forums').slideUp(); jQuery('.forabg .topiclist').attr('title','Mostrar Categoria Abaixo'); jQuery(this).find('.contar2').text('2'); }else{ jQuery(this).next('.topiclist.forums').slideDown(); jQuery('.forabg .topiclist').attr('title','Fechar Categoria Abaixo'); jQuery(this).find('.contar2').text('1'); } }); });

2º - Aplicação do Código:
Aceda à:
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript

[TUTORIAL] Mostrar/Fechar Categorias Painel13

[TUTORIAL] Mostrar/Fechar Categorias Painel13

[TUTORIAL] Mostrar/Fechar Categorias 110111

[TUTORIAL] Mostrar/Fechar Categorias 398853

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

[TUTORIAL] Mostrar/Fechar Categorias 110210

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.

[TUTORIAL] Mostrar/Fechar Categorias 110310

Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.

[TUTORIAL] Mostrar/Fechar Categorias 110410

Habilitar o gerenciamento dos códigos JavaScript Ao
selecionar a opção sim, estará ativando a função páginas Javascript no
seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

Funcionalidade:
PUNBB e PHPBB3

1 [TUTORIAL] Mostrar/Fechar Categorias Sex 31 maio 2013 - 9:43