WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

Toggle Panel

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Toggle Panel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Painel de alternância é um plugin jQuery leve, que ajuda você a criar conteúdo toggleable.

Procurando por um acordeão em vez disso? Confira Acordeão A ou Tabs + acordeão.

QR Code

Características

Width Fluid

Painel Alternar se encaixa bem em um design responsivo ou fluido. Largura fixa também é possível.

Opção de texto expandido

Especifique um texto expandido (por exemplo, "Ler mais" quando entrou em colapso e "Leia menos" quando expandido) ou através de um atributo de dados ou como uma opção de jQuery.

Acessível

Uma vez que o elemento do painel de alternância está focado, você pode usar a tecla de espaço para alterná-la.

Com JavaScript desabilitado, o conteúdo permanece visível e acessível.

Salvar Estado

Com HTML5 armazenamento local do estado (expandido ou fechado) é salvo e restaurado após entrar novamente na página. Ou você pode escolher para a Sessão de armazenamento, o que lembra o estado durante uma única sessão de navegação.

Hash Assista

Hash ligação a qualquer painel de alternância ou seu conteúdo.

Pausa de mídia

Com a opção de mídia Pause, elementos de áudio e vídeo HTML5 dentro de um painel de alternância são automaticamente pausado quando está em colapso.

Bem documentada

Embora Panel Alternar é feito o mais simples possível, ele ampliou a documentação para ajudá-lo.

Transições CSS3

Transições CSS3 lisa e bonita trazer Panel Alternar para a vida.

MENOS

Gosta de moradia com MENOS? Lá vai você, as folhas de estilo MENOS estão incluídos no pacote de download.

Temas

Dois temas estão incluídos, Minimal e encaixotados.

Adicionalmente, existe um vazio e CSS tema MENOS que você pode usar para alavancar o seu próprio.

Carregar conteúdo via AJAX
  • O conteúdo é carregado uma vez
  • Painel expande quando o conteúdo está pronto
  • Uma opção para indicar um seletor
  • Tema Minimal tem um ícone de carregamento (que pode ser mudado via CSS) que está pronto Retina
  • Mensagens de erro personalizadas
  • Compatível com jQuery Ajax Retry
Múltiplas e aninhados instâncias

Você pode criar várias instâncias na mesma página e você pode incorporar painéis de alternância vários níveis.

API Powerful

Expansão, desmoronando e alternando o conteúdo pode ser feito através da API.
Vá para a documentação da API para uma visão completa de métodos disponíveis, opções e eventos.

Apoio


Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
6 de Outubro de 12

Última Atualização:
N / A

High Resolution:
yes

Navegadores compatíveis:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, arquivos incluídos

Software Version:
jQuery

Palavras-chave

eCommerce, todos os itens, acessibilidade, ajax, dobrá, vel, css3, expansí, vel, javascript, jquery, menos, localStorage, leia mais, sessionStorage, toggle caixa, toggle painel, transiç, ã, o, ui