Joomla 3: rozbalovací text číst dál...
Potřebujete do svého eshopu nebo webu přidat rozbalovací textík, aby byla vidět jen část, a po rozkliknutí odkazu typu Více se rozbalil zbytek na stávající stránce a ne jako odkaz na jinou stránku? V tomto článku Vám poradím, jak toho dosáhnout.
Ukázku takového textu najdete např. na této stránce o arganovém oleji nebo na úvodní stránce našeho eshopu AbsoluteBLACK.cc.
1. Nastavení CSS
Do css souboru vložte toto:
.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}
2. Javascript
Buď to index.php nebo do souboru JS, který zalinkujete do index.php vložte tento kód:
3. Html
Výsledkem je:
Sledujte YouTube kanál StaWEBnice!
Zajímají Vás rady a tipy na práci s redakčním systémem Joomla?
Staňte se odběrateli Youtube kanálu StaWEBnice! Jedině tak vám v budoucnosti žádné video neunikne a ušetříte si spoustu času při hledání řešení po diskuzních fórech.
Podělte se s ostatními o své zkušenosti...
{fcomment}
Mohlo by vás také zajímat...
- Fatal error: Only variables can be passed by reference in ../components/com_sef/sef.ext.php on linfae 548
- Fatal error: Call to a member function isAdmin() on a non-object in ../plugins/system/remember/remember.php
- VM invoice: jak na faktuře zobrazovat IČO a DIČ
- VirtueMart: jak vytvořit kupón na dopravu zdarma a kombinaci se slevou
- Joomla 3: upozornění na verzi PHP v administraci
- Error message data: 1 Call to undefined function vmdebug() in file
- Jak nastavit přesměrování 301 pomocí .htaccess
- Chronoforms 5: neukládají se všechny checkboxy
- VirtueMart 3: jak omezit/nastavit přístup správce jen do určitých částí administrace eshopu
- Chrome: jak opravit blikání při scrollování