Pluginul ascunde scripturile mari de text pentru site-uri

Pluginul ascunde scripturile mari de text pentru site-uri

Compatibil cu versiunile jQuery de mai sus 1.7.0

Un apel simplu la plugin:


Acesta poate fi apelat cu opțiuni suplimentare:

  • viteză. 100 (în milisecunde)
  • maxHeight. 200 (în pixeli)
  • heightMargin. 16 (în pixeli, se evită ruperea blocurilor care sunt doar puțin mai mari decât înălțimea specificată - maxHeight)
  • moreLink. 'Aflați mai multe'
  • lessLink. 'ascunde'
  • embedCSS. true (inserează stiluri CSS dinamice, setate la false dacă toate stilurile sunt adăugate în fișierul de stil)
  • sectionCSS. afișare: bloc; lățime: 100%; " (stabilește stilul blocurilor)
  • startOpen. false (implicit blocul este ascuns, cu parametrul adevărat - textul va fi afișat complet, dar cu capacitatea de a se ascunde)
  • expandedClass. 'readmore-js-expanded' (clasa adăugată la blocul extins)
  • collapsedClass. 'readmore-js-collapse' (clasa adăugată blocului restrâns)
  • beforeToggle. funcția () <> (funcția care trebuie apelată după ce faceți clic pe butonul "Detalii" sau "Ascundeți", dar înainte ca blocul să se prăbușească sau să se desfășoare)
  • afterToggle. funcția () <> (Funcția se numește după blocul se desfășoară sau minimalizează)

Dacă elementul are înălțimea maximă în stilurile CSS, pluginul va utiliza această valoare, nu valoarea opțiunii maxHeight

callback:

Funcțiile de apel invers, înainte de Toggle () și afterToggle () obțin aceleași argumente: trigger. element și mai mult.

  • de declanșare. Butoanele "Detalii" sau "Ascundeți"
  • Element. bloc care în prezent se prăbușește sau se desfășoară
  • mai mult. boolean, true - înseamnă că blocul se desfășoară

Un exemplu de apel invers.
Iată un exemplu de utilizare a funcției afterToggle. Pentru a derula până la partea de sus a blocului atunci când este apăsat butonul "Ascundere":


Dezactivați funcționalitatea plug-in-ului după cum urmează:


Alternativ, puteți specifica un element pe care pluginul nu ar trebui să funcționeze:

Implicit, pluginul inserează următorul cod CSS în pagină:


Cu opțiunea pluginului, puteți modifica prima regulă:


Dacă doriți să utilizați fișierul de stil, atunci în setările pluginului specificați false:

DESCĂRCAȚI Harts: 4134
5,73 Kb Cine a descărcat-o?