Jak vytvořit rozbalovací javascript pro skrývání obsahu na stránce
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.
Ve složce templates/sablona vytvořte adresář javascript a do něj vložte soubor jquery.tinyscrollbar.min.js
Do složky js nahrajte soubor jquery-noconflict.js
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}V souboru index.php mezi tagy a zalinkovat tento javascript
Níže do body kam přijde to rozbalovátko pak vložit druhý javascript z výše uvedeného souboru.
Samotné html článku nebo modulu pak vypadá třeba takto:
Mohlo by vás také zajímat...
- Byla vydána Joomla 3.9!
- Chyba parsování XML: Na začátku externí entity chybí procesní instrukce xml
- Fatal error: require(): Failed opening required... in ...plugins/system/vmLoaderPluginUpdate/vmLoaderPluginUpdate.php
- Chronoforms 5: pokročilé formuláře s ukládáním do databáze
- Co je to Page Rank, S-rank a Jyxo Rank?
- Jak aktualizovat modul Accordeon Menu CK z verze 2 na verzi 3
- Joomla 3: jak přidat do textu tooltip (nápovědu v bublince)
- Total Commander: jak hromadně přejmenovat soubory
- Jak nainstalovat Joomla! na lokální server Xampp
- Joomla 3.7: Error loading component: com_fields, Component not found.