<commit_before>## jQuery Tree Multiselect [![Build Status](https://travis-ci.org/patosai/tree-multiselect.js.svg?branch=master)](https://travis-ci.org/patosai/tree-multiselect.js)

**This plugin allows you to replace a `select` element with a sweet treeview element.**

Requires jQuery v1.8+

### Demo
<a target="_blank" href="http://www.patosai.com/projects/tree-multiselect">My website has a simple demo running.</a>

### Usage
```
$("select").treeMultiselect();
```

Option Attribute name         | Description
----------------------------- | ---------------------------------
`data-section` **(required)** | The section the option will be in; can be nested
`data-description`            | A description of the attribute; will be shown on the multiselect
`data-index`                  | For pre-selected options, display options in this order, lowest index first

Your `data-section` can have multiple section names, separated by the `sectionDelimiter` option.

Ex. `data-section="top/middle/inner"` will show up as
- `top`
  - `middle`
    - `inner`
      - your option

#### Options
You can pass in options like `treeMultiselect(options)`. It is an object where you can set the following features:

Option name             | Default | Description
----------------------- | ------- | ---------------
`allowBatchSelection`   | true    | Sections have checkboxes which when checked, check everything within them
`collapsible`           | true    | Adds collapsibility to sections
`sortable`              | false   | Selected options can be sorted by dragging (requires jQuery UI)
`sectionDelimiter`      | `/`     | Separator between sections in the select option `data-section` attribute
`showSectionOnSelected` | true    | Show section name on the selected items
`startCollapsed`        | false   | Activated only if `collapsible` is true; sections are collapsed initially

### Installation
Load `jquery.tree-multiselect.min.js` on to your web page. The css file is optional (but recommended).

### Custom styling
So, you want to exercise your css-fu. Alright then.

The plugin adds a `div.tree-multiselect` immediately after the specified `select`. The hierarchy is shown below.

- `div.tree-multiselect`
  - `div.selections`
    - a lot of `div.section`, each of which has
      - `div.title`, which has<commit_msg>Edit README for freeze option<commit_after>## jQuery Tree Multiselect [![Build Status](https://travis-ci.org/patosai/tree-multiselect.js.svg?branch=master)](https://travis-ci.org/patosai/tree-multiselect.js)

**This plugin allows you to replace a `select` element with a sweet treeview element.**

Requires jQuery v1.8+

### Demo
<a target="_blank" href="http://www.patosai.com/projects/tree-multiselect">My website has a simple demo running.</a>

### Usage
```
$("select").treeMultiselect();
```

Option Attribute name         | Description
----------------------------- | ---------------------------------
`data-section` **(required)** | The section the option will be in; can be nested
`data-description`            | A description of the attribute; will be shown on the multiselect
`data-index`                  | For pre-selected options, display options in this order, lowest index first

Your `data-section` can have multiple section names, separated by the `sectionDelimiter` option.

Ex. `data-section="top/middle/inner"` will show up as
- `top`
  - `middle`
    - `inner`
      - your option

#### Options
You can pass in options like `treeMultiselect(options)`. It is an object where you can set the following features:

Option name             | Default | Description
----------------------- | ------- | ---------------
`allowBatchSelection`   | true    | Sections have checkboxes which when checked, check everything within them
`collapsible`           | true    | Adds collapsibility to sections
`freeze`                | false   | Disables selection/deselection of options; aka display-only
`sortable`              | false   | Selected options can be sorted by dragging (requires jQuery UI)
`sectionDelimiter`      | `/`     | Separator between sections in the select option `data-section` attribute
`showSectionOnSelected` | true    | Show section name on the selected items
`startCollapsed`        | false   | Activated only if `collapsible` is true; sections are collapsed initially

### Installation
Load `jquery.tree-multiselect.min.js` on to your web page. The css file is optional (but recommended).

### Custom styling
So, you want to exercise your css-fu. Alright then.

The plugin adds a `div.tree-multiselect` immediately after the specified `select`. The hierarchy is shown below.

- `div.tree-multiselect`
  - `div.selections`
    - a lot of `div.section`, each of which has
      - `div.title`, which has
{'fraction_non_alphanumeric': 0.144509886411443, 'fraction_numerical': 0.0008413967185527977, 'mean_word_length': 2.9103618421052633, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 4, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6355967', 'n_tokens_mistral': 1279, 'n_tokens_neox': 1264, 'n_words': 483}