# slidebars 활용하기
- [홈페이지](https://www.adchsm.com/slidebars/)
```
```
## 추가
```javascript
```
```javascript
```
아이디, 방향, 방법을 설정한다.
방향예는 left, right, top, bottom 가 있습니다.
방법에는 reveal, push, shift, overlay 가 있습니다.
시작시에 슬라이드바를 생성한다.
```javascript
// slidebars init
controller = new slidebars();
controller.init();
```
슬라이드바를 토클한다.
```javascript
controller.toggle('id-1');
$("blahblasblah
").appendTo('#canvas1');
```
## Custom CSS 추가
```javascript
```
```css
[off-canvas]{
background-color: #F7F7F0; /* Basic background color, overwrite this in your own css. */
border: 1px solid #FFFFFF;
color: RGBA(0,0,0,1)
}
[off-canvas*=push]{
z-index: 10;
}
[off-canvas*=left]{
width: 500px;
}
```