j-ToggleMore

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Jedná se o jednoduchou součástku, kterou lze obsah přehrávat.

Můžete změnit CSS podle vašich potřeb.

Metody:

component.toggle(force) Můžete se přihlásit k parametru. force Je to volitelné a bude nutné.e. component.toggle(true); Bude se ukázat ui-togglemore-after.

Dobré vědět:

Obsah j-ToggleMore je rozdělen na 2 části: before a after.Každá část musí být definována.Komponent přidává třídy CSS do každé části, například první div bude obsahovat ui-togglemore-before a druhý ui-togglemore-after.

Aby se zabránilo "blink" přidejte třídu hidden do druhé div.

<ui-component name="togglemore">
	<div>
		Content before
	</div>
	<div class="hidden">
		Content after
	</div>
</ui-component>

Použijte ji s <ui-component name="togglemore">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle výchozího nastavení). autor: Denis Granec. zdroj: The Componentator Výrobce je autorizován, MIT licence.

example.html

<div style="width: 400px">
	<ui-component name="togglemore">
		<div>
			BEFORE long text
		</div>
		<div class="hidden">
			AFTER Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda eligendi pariatur perferendis expedita tempora, deserunt sunt, quas similique velit quo, harum odio explicabo ea dicta aliquam ipsa, veniam vitae nemo.
		</div>
	</ui-component>
</div>