# j-ToggleMore

> Egyszerű összetevő a tartalom megragadásához.

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

Egyszerű összetevő a tartalom megragadásához.

- A CSS-t az Ön igényeinek megfelelően módosíthatja.


__módszerek__:

- `component.toggle(force)` A paraméterek megközelíthetők. a paraméter `force` Ez az érték, és az érvényesítést. `component.toggle(true);` Megmutatja `ui-togglemore-after`.

__Jó tudni__:

A tartalom a `j-ToggleMore` Két részre oszlik: `before` és `after`A komponens hozzáadja a CSS osztályokat minden részhez, például először `div` Tartalmazza `ui-togglemore-before` és a második `ui-togglemore-after`.
A "blink" elkerülése érdekében a második `div`-hez hozzáadjuk a `hidden` osztályot.

---

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

Használja a `<ui-component name="togglemore">`Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator CDN default). szerző: Denis Granec. forrás: a Componentator Az összetevők raktár, MIT licenc.

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