Use Sesam to create easy collapsing items on your site
\n\n#### [1. INSTALL](#install) | [2. USE](#use) | [OPTIONS](#options) | [API](#api)\n\n# Install\n### Option 1: With NPM\n\n**1. Install package**\n\n```shell\nnpm i sesam-collapse\n```\n\n**2. Import package**\n\n```javascript\nimport {sesamCollapse, sesam} from 'sesam-collapse';\n```\n\n### Option 2: Import from a CDN\n> available from version 4.0\n```js\nimport {sesamCollapse, sesam} from 'https://unpkg.com/sesam-collapse';\n\nsesamCollapse.initialize();\n```\n\n### Option 3: From a CDN\n**1. Install package**\n\nJust copy paste this script tag at the end of your dom. If you want to call Sesam functions in other scripts, place this before other scripts.\n```html\n\n```\n**2. Initialize package**\n\nInitialize in your javascript-file.\n```js\nsesamCollapse.initialize();\n```\n\n# Use\nThe only thing Sesam will do, is adding, removing or toggle classes. You have to write the needed css to let something happen on screen.\n\nSo sesam can be used in various ways.\n- For hamburger menu's\n- Custom selection lists (later on, there wil be code snippets available to show how)\n- Collapsing text sections\n- Just hiding or showing elements\n- Add or remove animations\n- ...\n\nPossibilities are infinite!\n\n### **Step 1. DEFINE A TARGET ELEMENT** \nLet the script know which element will be collapsed\n\n```html\ndata-sesam-target=\"placeNameHere\"\n```\n\n```html\nSome content
\nSome content
\nSome content
\nSome content
\n