j-ToggleMore

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

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

Можете да промените 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.

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

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>