Você está usando um navegador desatualizado. Para a visualização correta, atualize seu navegador:

Mapa do site


SimpleUi

Atualizando

Código para Resumo em bloco Download

? - +
Sanfona estilo slide-show e slide-hide após contar tags.
  1. Envolva o texto que você deseja resumir dentro de um elemento com class ui_block, seja em span, div, etc. (esse é o gatilho)
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
  1. Determine qual será a marcação (tag) divisora:
    • Para isso, use no gatilho o atributo data-tag e informe qual elemento será contado para o resumo, ex: data-tag="<br>" (Padrão)
    • Qualquer tag pode ser usada para determinar o corte
  2. Opcionalmente, indique também qual será o limite de ocorrências da tag escolhida, seja ela a padrão ou a customizada:
    • Use no gatilho o atributo data-num e informe o valor limite, ex: data-num="5" (Padrão)
  3. Também é possível cutomizar o rótulo do gatilho:
    • Use o atributo data-label e indique o rótulo, ex: data-label="Leia Mais" (Padrão)
    • O mesmo vale para o rótulo quando o botão estiver ativo. Nesse caso, use atributo data-label-active e indique o rótulo desejado, ex: data-label-active="Esconder" (Padrão)
  1. Se os atributos não forem usados, a tag padrão será: <br> e o limite 5.
  2. Após a animação do resumo, usuários avançados podem implementar uma função do tipo callback
    • Para isso, crie a função callback_block(obj, objHidden) e implemente as ações que irão ocorrer após a animação
    • Onde obj é o objeto com o texto completo e objHidden é o objeto da parte oculta. Como exemplo, a função pode testar a parte oculta está visível, if(objHidden.is(":visible")){}.
    • Essa função não é obrigatória, ou seja, só será executada se existir. Caso positivo, para evitar duplicidades, lembre-se de implementar a função callback em arquivos específicos, presentes nas respectivas páginas finais, já que o seu objetivo não é genérico.
Customizar


Marcação e corte do resumo

A marcação sofrerá corte após ocorrências. Padrão: <br> após 5x
Qualquer marcação (tag) pode ser usada no atributo data-tag.

Rótulo do botão

O Rótulo do botão será e quando ativo. Padrão: Leia Mais e Esconder
Tem certeza que deseja reiniciar todos os valores?

Resultado para Resumo em bloco