Joomla 3: rozbalovací text číst dál...

Petra Procházková
Autor: Petra Procházková


Datum: 21 březen 2016

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:

index

3. Html

html

Výsledkem je:

vice o arganovem oleji

rozbaleny argan

 

youtubeSledujte 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...

Chcete se na něco zeptat?
1000 znaků zbývá
facebook StaWEBnice twitter StaWEBnice YouTube StaWEBnice Google+ StaWEBnice