CS | EN

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:

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}

0 z 5 - 0 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ů