CS | EN

Jak vytvořit rozbalovací javascript pro skrývání obsahu na stránce

cist dal javascript

Máte webové stránky v Joomla! nebo jiném redakčním systému či html a nechcete mít na úvodní stránce nebo třeba v popisku kategorie internetového obchodu dlouhý text, a přitom víte, že z hlediska SEO jej tam potřebujete? Řešením je vložit jej do rozbalovacího javascriptového divu, který zobrazí zbytek obsahu např. po kliknutí na odkaz více >. V tomto článku vám poradím, jak to udělat.

 

  1. Ve složce templates/sablona vytvořte adresář javascript a do něj vložte soubor jquery.tinyscrollbar.min.js

  2. Do složky js nahrajte soubor jquery-noconflict.js

  3. Do template.css nebo jiného css souboru vložte tyto styly:

    .vice {min-height:1px;}
    .vice:after{clear:both;content:'';display:block}
    .vice .text{max-height:0;overflow:hidden;transition:max-height 0.5s}
    .vice>a{float:right}
    .vice.show .text{transition:max-height 2s}
    .vice>a+a,.vice>a+br+a{display:none}
    .vice.show .text{max-height: 2000px;}
    .vice.show>a{display:none}
    .vice.show>a+a,.vice.show>a+br+a{display:block}

  4. V souboru index.php mezi tagy a zalinkovat tento javascript

    javascript head

  5. Níže do body kam přijde to rozbalovátko pak vložit druhý javascript z výše uvedeného souboru.

    javascript noconflict

  6. Samotné html článku nebo modulu pak vypadá třeba takto:

    cist dal zavrit

1.33 z 5 - 3 hlasů
Děkujeme za hodnocení. Pokud se vám článek líbil, budeme rádi, když jej budete sdílet dál!

Vytisknout   E-mail

Jsme tým ajťáků, které jejich práce baví a doufáme, že je to vidět. Milujeme redakční systémy Joomla!WordPress a eshop VirtueMart, ale pomůžeme vám i se SEO a texty pro web nebo správou sociálních sítí a PPC kampaní.

Našimi zákazníky jsou drobní živnostníci, malé a střední firmy, školy, ale i stavební firmy s milionovými obraty v České republice i v zahraničí. Baví nás pomáhat lidem plnit jejich sny, ať už jím je vlastní blog nebo prodej výrobků či služeb...


Ochrana soukromí | Mapa stránek

Slovy našich klientů

Flexibilita, rychlost a vstřícnost, to byl můj první dojem při zahájení spolupráce se StaWEBnice.

Oceňuji zejména sqělé a moderní návrhy řešení a jejich bezproblémovou implementaci na našich webech.

V současné době nám spravují 4 weby a jsme maximálně spokojeni.

Zavolejte nám

Napište nám na

Zastavte se za námi

Hojerova 1647/2, Kuřim

Napište nám
můžete ještě napsat 2000 znaků