# j-ToggleMore

> Este o componentă simplă pentru a trage conținutul.

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

Este o componentă simplă pentru a trage conținutul.

- Puteți schimba CSS pentru nevoile dvs.


__Metode__:

- `component.toggle(force)` Se poate folosi componenta. parametrii `force` este opțional și va forța valoarea. `component.toggle(true);` Va arăta `ui-togglemore-after`.

__bine să știi__:

Conținutul `j-ToggleMore` este împărțit în 2 părți: `before` și `after`. Fiecare parte trebuie definită. Componentul adaugă clase CSS fiecărei părți, de exemplu, primul `div` va conține `ui-togglemore-before` și al doilea `ui-togglemore-after`.
Pentru a evita "blink", adăugați clasa `hidden` la al doilea `div`.

---

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

Utilizați-l cu `<ui-component name="togglemore">`Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa `DEF.fallback` (în cazul Componentator Cuvânt cheie: Denis Granec, Sursă Componentator Componente de stocare, MIT licență.

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