<commit_before>﻿# ng-accordian
A simple, dependency free AngularJS accordian style directive

# Getting Started

```
bower install ng-accordian
```

 * Include the `ngAccordian` module as a dependency in your AngularJS application 

```javascript
angular.module('app', ['ngAccordian'])
```

 * Include the `ngAccordian.css` style sheet

```html
<link rel="stylesheet" href="/ngAccordian.css" />
```

# Basic Usage

**With templating** via `content-url`
```html
<accordian >
  <toggle content-url="/views/content.html"></toggle>
  <toggle content-url="/views/content.html"></toggle>
  <toggle content-url="/views/content.html"></toggle>
</accordian>
```

**With configuration**
```html
<accordian>
  <toggle ng-repeat="c in content" content-url="{{ c.value }}"></toggle>
</accordian>
```

```javascript
$scope.content = [
  { 'value': '/views/content.html' },
  { 'value': '/views/content.html' },
  { 'value': '/views/content.html' }
];
```

**With explicit content** via `content`

```html
<accordian>
  <toggle ng-repeat="c in content" content="{{ c.value }}"></toggle>
</accordian>
```

```javascript
$scope.content = [
  { 'value': '<span> er </span>' },
  { 'value': '<span> um </span>' },
  { 'value': '<span> eh </span>' }
];
```

**As a standalone dropdown**

```html
<toggle content-url="/views/demo-content.html"></toggle>
```

# Attribute Usage

| Attribute							| Description																							| Example																					|
| ----------------------------------|:------------------------------------------------------------------------------------------------------|:------------------------------------------------------------------------------------------|<commit_msg>fixing css file name<commit_after>﻿# ng-accordian
A simple, dependency free AngularJS accordian style directive

# Getting Started

```
bower install ng-accordian
```

 * Include the `ngAccordian` module as a dependency in your AngularJS application 

```javascript
angular.module('app', ['ngAccordian'])
```

 * Include the `ngAccordian.css` style sheet

```html
<link rel="stylesheet" href="/ng-accordian.css" />
```

# Basic Usage

**With templating** via `content-url`
```html
<accordian >
  <toggle content-url="/views/content.html"></toggle>
  <toggle content-url="/views/content.html"></toggle>
  <toggle content-url="/views/content.html"></toggle>
</accordian>
```

**With configuration**
```html
<accordian>
  <toggle ng-repeat="c in content" content-url="{{ c.value }}"></toggle>
</accordian>
```

```javascript
$scope.content = [
  { 'value': '/views/content.html' },
  { 'value': '/views/content.html' },
  { 'value': '/views/content.html' }
];
```

**With explicit content** via `content`

```html
<accordian>
  <toggle ng-repeat="c in content" content="{{ c.value }}"></toggle>
</accordian>
```

```javascript
$scope.content = [
  { 'value': '<span> er </span>' },
  { 'value': '<span> um </span>' },
  { 'value': '<span> eh </span>' }
];
```

**As a standalone dropdown**

```html
<toggle content-url="/views/content.html"></toggle>
```

# Attribute Usage

| Attribute							| Description																							| Example																					|
| ----------------------------------|:------------------------------------------------------------------------------------------------------|:------------------------------------------------------------------------------------------|
{'fraction_non_alphanumeric': 0.3142941698727434, 'fraction_numerical': 0.0, 'mean_word_length': 2.219047619047619, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 53, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6552150', 'n_tokens_mistral': 1020, 'n_tokens_neox': 931, 'n_words': 231}