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:

Podělte se s ostatními o své zkušenosti...

{fcomment}