Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/wahawaher/morecontent-js

jQuery MoreContent - плагин, скрывающий часть контента, выходящего за рамки указанной высоты (адаптивный спойлер).
https://github.com/wahawaher/morecontent-js

javascript jquery morecontent readmore

Last synced: about 2 months ago
JSON representation

jQuery MoreContent - плагин, скрывающий часть контента, выходящего за рамки указанной высоты (адаптивный спойлер).

Awesome Lists containing this project

README

        

jQuery MoreContent Plugin 1.0.1
-------
[![](https://data.jsdelivr.com/v1/package/npm/morecontent-js/badge)](https://www.jsdelivr.com/package/npm/morecontent-js)


_**jQuery-плагин**, скрывающий часть контента,
выходящего за рамки указанной высоты (**адаптивный спойлер**)_

* Адаптивен при динамическом изменении ширины окна браузера
* Возможность изменять параметры стандартной анимации сворачивания/разворачивания или задать свою
* Гибкая система методов/событий для программного управления состояниями и кастомизации
* Работает с CSS-стилями. Возможность задать высоту в закрытом состоянии через свойство max-height (px, em и т.д.)
* Lite-версия с вырезанными методами ("reinit", "destroy", "drop") и событиями (на ~30% легче)


[Демо](https://wahawaher.github.io/morecontent-js#examples) | [Документация](https://wahawaher.github.io/morecontent-js)

## CDN:
[https://www.jsdelivr.com/package/npm/morecontent-js?path=dist](https://www.jsdelivr.com/package/npm/morecontent-js?path=dist)

## Пакетные менеджеры:
```sh
# YARN
yarn add morecontent-js

# NPM
npm i morecontent-js
```

## Подключение:

1. Подключить последнюю версию jQuery и jquery.morecontent.js
```html

```
2. Инициализировать плагин на группе элементов:
```javascript
$('[data-mrc]').moreContent();
```
3. Применить в HTML:
```html


Контент, который нужно скрыть...



```
## Зависимости:
- [jQuery](http://jquery.com/download/) (версия 1.9.1 или выше)

## Поддержка
Решение проблем/багов плагина, а также замечания и пожелания в [соответствующей теме](https://github.com/WahaWaher/morecontent-js/issues)

По всем другим вопросам: [[email protected]](mailto:[email protected] "Написать на [email protected]")

## Лицензия (MIT)
Copyright (c) 2019 Sergey Kravchenko

Данная лицензия разрешает лицам, получившим копию данного программного обеспечения и сопутствующей документации (в дальнейшем именуемыми «Программное Обеспечение»), безвозмездно использовать Программное Обеспечение без ограничений, включая неограниченное право на использование, копирование, изменение, слияние, публикацию, распространение, сублицензирование и/или продажу копий Программного Обеспечения, а также лицам, которым предоставляется данное Программное Обеспечение, при соблюдении следующих условий:

Указанное выше уведомление об авторском праве и данные условия должны быть включены во все копии или значимые части данного Программного Обеспечения.

ДАННОЕ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ПРЕДОСТАВЛЯЕТСЯ «КАК ЕСТЬ», БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ, ЯВНО ВЫРАЖЕННЫХ ИЛИ ПОДРАЗУМЕВАЕМЫХ, ВКЛЮЧАЯ ГАРАНТИИ ТОВАРНОЙ ПРИГОДНОСТИ, СООТВЕТСТВИЯ ПО ЕГО КОНКРЕТНОМУ НАЗНАЧЕНИЮ И ОТСУТСТВИЯ НАРУШЕНИЙ, НО НЕ ОГРАНИЧИВАЯСЬ ИМИ. НИ В КАКОМ СЛУЧАЕ АВТОРЫ ИЛИ ПРАВООБЛАДАТЕЛИ НЕ НЕСУТ ОТВЕТСТВЕННОСТИ ПО КАКИМ-ЛИБО ИСКАМ, ЗА УЩЕРБ ИЛИ ПО ИНЫМ ТРЕБОВАНИЯМ, В ТОМ ЧИСЛЕ, ПРИ ДЕЙСТВИИ КОНТРАКТА, ДЕЛИКТЕ ИЛИ ИНОЙ СИТУАЦИИ, ВОЗНИКШИМ ИЗ-ЗА ИСПОЛЬЗОВАНИЯ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ ИЛИ ИНЫХ ДЕЙСТВИЙ С ПРОГРАММНЫМ ОБЕСПЕЧЕНИЕМ.