# j-ToggleMore

> Това е просто компонент, за да се съчетае съдържанието.

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

Това е просто компонент, за да се съчетае съдържанието.

- Можете да промените CSS за вашите нужди.


__Методи__:

- `component.toggle(force)` може да отклони компонента. параметърът `force` е факултативен и ще наложи стойността. например, `component.toggle(true);` ще покаже `ui-togglemore-after`.

__Добре е да се знае__:

Съдържанието на `j-ToggleMore` е разделено на 2 части: `before` и `after`.Всяка част трябва да бъде дефинирана.Компонентът добавя класове CSS към всяка част, например първата `div` ще съдържа `ui-togglemore-before` и втората `ui-togglemore-after`.
За да се избегне "блинк" добавете клас `hidden` към втория `div`.

---

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

Използвайте го с `<ui-component name="togglemore">`Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в `DEF.fallback` (След това Componentator Автор: Денис Гран. източник: The Componentator Съставни съставки, лиценз на MIT.

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