<commit_before>## jqt [![npm version](https://img.shields.io/npm/v/@srph/jqt.svg?style=flat)](https://www.npmjs.com/package/@srph/jqt)
A *low-level* jQuery plugin for node hiding / showing through css transitions.

Think of it as a low-level version of builtin jQuery animations such as [`$.fadeOut`](http://api.jquery.com/fadeout/), [`$.fadeIn`](http://api.jquery.com/fadein/), [`$.slideUp`](http://api.jquery.com/slideup/), and [`$.slideDown`](http://api.jquery.com/slidedown/) but with css classes. Or maybe something similar to [ng-animate](https://docs.angularjs.org/api/ngAnimate) or [ReactCSSTransitionGroup](https://facebook.github.io/react/docs/animation.html) for single elements in jQuery.

Checkout the demo [examples](https://srph.github.io/jqt).

## Use case
This library was **only** *dogfed* for tab transitions, menu animations, etc.

I have no use case for list transitions yet. It would require elements to be removed and appended properly. If you'd like this to be implemented, please submit an issue or preferrably a PR! If you'd like some help, let me know. I have an idea on how to implement this, but don't have the time to do so.

## Installation
### npm
> **Note**: If you have no idea what npm is, skip this part, and check out the [releases and cdn](#dist-cdn)

```bash
npm i @srph/jqt -S
```

To use in your scripts, simply bootstrap.

```js
require('@srph/jqt');

// All jqt-related or jQuery-related code
```

### Dist / CDN
> **Note**: This library requires [jQuery](jquery) `>=3`.

Download the [distribution file](https://raw.githubusercontent.com/srph/jqt/master/lib/jqt.js) or [minified file](https://raw.githubusercontent.com/srph/jqt/master/lib/jqt.min.js). **Or** if you prefer, you can also use a cdn: [distribution file](https://cdn.rawgit.com/srph/jqt/master/lib/jqt.js) or [minified file](https://cdn.rawgit.com/srph/jqt/master/lib/jqt.min.js).

Afterwards, load the script after jQuery.

```html
<script src="/path/to/jquery.js"></script>
<script src="/path/to/jqt.js"></script>
```

## Usage
```js
var node = $(selector);
var jqt = node.jqt(opts);<commit_msg>Fix section link to cdn<commit_after>## jqt [![npm version](https://img.shields.io/npm/v/@srph/jqt.svg?style=flat)](https://www.npmjs.com/package/@srph/jqt)
A *low-level* jQuery plugin for node hiding / showing through css transitions.

Think of it as a low-level version of builtin jQuery animations such as [`$.fadeOut`](http://api.jquery.com/fadeout/), [`$.fadeIn`](http://api.jquery.com/fadein/), [`$.slideUp`](http://api.jquery.com/slideup/), and [`$.slideDown`](http://api.jquery.com/slidedown/) but with css classes. Or maybe something similar to [ng-animate](https://docs.angularjs.org/api/ngAnimate) or [ReactCSSTransitionGroup](https://facebook.github.io/react/docs/animation.html) for single elements in jQuery.

Checkout the demo [examples](https://srph.github.io/jqt).

## Use case
This library was **only** *dogfed* for tab transitions, menu animations, etc.

I have no use case for list transitions yet. It would require elements to be removed and appended properly. If you'd like this to be implemented, please submit an issue or preferrably a PR! If you'd like some help, let me know. I have an idea on how to implement this, but don't have the time to do so.

## Installation
### npm
> **Note**: If you have no idea what npm is, skip this part, and check out the [releases and cdn](#dist--cdn)

```bash
npm i @srph/jqt -S
```

To use in your scripts, simply bootstrap.

```js
require('@srph/jqt');

// All jqt-related or jQuery-related code
```

### Dist / CDN
> **Note**: This library requires [jQuery](jquery) `>=3`.

Download the [distribution file](https://raw.githubusercontent.com/srph/jqt/master/lib/jqt.js) or [minified file](https://raw.githubusercontent.com/srph/jqt/master/lib/jqt.min.js). **Or** if you prefer, you can also use a cdn: [distribution file](https://cdn.rawgit.com/srph/jqt/master/lib/jqt.js) or [minified file](https://cdn.rawgit.com/srph/jqt/master/lib/jqt.min.js).

Afterwards, load the script after jQuery.

```html
<script src="/path/to/jquery.js"></script>
<script src="/path/to/jqt.js"></script>
```

## Usage
```js
var node = $(selector);
var jqt = node.jqt(opts);
{'fraction_non_alphanumeric': 0.1652050248874141, 'fraction_numerical': 0.00047404598246029864, 'mean_word_length': 4.4241645244215935, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 17, 'https://': 18, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '438787', 'n_tokens_mistral': 1458, 'n_tokens_neox': 1373, 'n_words': 433}