# j-ToggleMore

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

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: cs
Content-SHA256: ac611d089c3b6ef337ca30f11520e0ecaca53548bbf182ba7ae0215f63e47bbd
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

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

---

```html
<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.

```html 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>
```