{"_id":"tabs","_rev":"14-c5f75dec7c63dcb99ae1533e279111fc","name":"tabs","description":"pure javascript implementation that quickly makes the markup tabbable","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"tabs","version":"0.1.0","description":"pure javascript implementation that quickly makes the markup tabbable","main":"index.js","directories":{"test":"test"},"scripts":{},"repository":{"type":"git","url":"git@github.com:ltebean/tabs.git"},"keywords":["sticky","header","browser"],"author":{"name":"ltebean"},"license":"MIT","bugs":{"url":"https://github.com/ltebean/tabs/issues"},"homepage":"https://github.com/ltebean/tabs","_id":"tabs@0.1.0","dist":{"shasum":"d30660821ffa4f83eb081fc4081a8844552c4a4e","tarball":"https://registry.npmjs.org/tabs/-/tabs-0.1.0.tgz","integrity":"sha512-okzzyd7zR5gP5qcVJ5+CgLg2edqCVIlHIycIeWDyxnUItpM5KqRIgp2wwN4Jd8UbLmTOw7AlmWdwR7vlpZxPCg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3aEHXWPQchyAWm2DZdHDNaiXy/YDbwQkHxNVZQNLqCQIgK8R4stmCChN9Sb24nkJaqda4UEk3ZCCkmjcGdS27+G0="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"ltebean","email":"yucong1118@gmail.com"},"maintainers":[{"name":"ltebean","email":"yucong1118@gmail.com"}]},"0.1.1":{"name":"tabs","version":"0.1.1","description":"pure javascript implementation that quickly makes the markup tabbable","main":"index.js","directories":{"test":"test"},"scripts":{},"repository":{"type":"git","url":"git@github.com:ltebean/tabs.git"},"keywords":["tabs","tabbable","browser","tab"],"author":{"name":"ltebean"},"license":"MIT","bugs":{"url":"https://github.com/ltebean/tabs/issues"},"homepage":"https://github.com/ltebean/tabs","_id":"tabs@0.1.1","dist":{"shasum":"a84caa6ef51aad5d367700f9184247cf8f9ff5fd","tarball":"https://registry.npmjs.org/tabs/-/tabs-0.1.1.tgz","integrity":"sha512-Io/MqABh3C9AOpKev8cGLnmaHf7ZoPBczHjCuJidIe1B9Sp5kyc3vecCNI3cxL21TQfYZQDZxVLbkNj/17DxzQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDisrqldP8avBp62QGKISs4J7dPGgnYsYIXsxpl2NtmzAIgWKvExwB2swspCpB3WZ3D8d79EcWag+rEyxvXwerqNZE="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"ltebean","email":"yucong1118@gmail.com"},"maintainers":[{"name":"ltebean","email":"yucong1118@gmail.com"}]},"0.1.2":{"name":"tabs","version":"0.1.2","description":"pure javascript implementation that quickly makes the markup tabbable","main":"index.js","directories":{"test":"test"},"scripts":{},"repository":{"type":"git","url":"git@github.com:ltebean/tabs.git"},"keywords":["tabs","tabbable","browser","tab"],"author":{"name":"ltebean"},"license":"MIT","bugs":{"url":"https://github.com/ltebean/tabs/issues"},"homepage":"https://github.com/ltebean/tabs","_id":"tabs@0.1.2","dist":{"shasum":"d75b1f03b5e9baf37a7735c951547b8dd79df447","tarball":"https://registry.npmjs.org/tabs/-/tabs-0.1.2.tgz","integrity":"sha512-zWKRePqZH8ITAgHi9P+eI+5IZC9/zoqiuAB2CW7CA2Q3iEgkJBE+6bRrUcWPsOIWWW8mkNKeKJ/5FfYFw+QXlg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDamSf1xB86C7D02c/cixNVKlBpFIx++eVMtWSPGZLwfwIhANHm++Gtz83S6cyXX3+eEkT1Et5CihdN3dPgkBoUDA4M"}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"ltebean","email":"yucong1118@gmail.com"},"maintainers":[{"name":"ltebean","email":"yucong1118@gmail.com"}]},"0.1.3":{"name":"tabs","version":"0.1.3","description":"pure javascript implementation that quickly makes the markup tabbable","main":"index.js","directories":{"test":"test"},"scripts":{},"repository":{"type":"git","url":"git@github.com:ltebean/tabs.git"},"keywords":["tabs","tabbable","browser","tab"],"author":{"name":"ltebean"},"license":"MIT","bugs":{"url":"https://github.com/ltebean/tabs/issues"},"homepage":"https://github.com/ltebean/tabs","_id":"tabs@0.1.3","dist":{"shasum":"da084afdd89c0b67813a52170b32efe55b97c032","tarball":"https://registry.npmjs.org/tabs/-/tabs-0.1.3.tgz","integrity":"sha512-cc7C8WMLWbCmYmWFaABEZnlZ9tuRQBU/waaNuj4V9wNUruUCkdvEg7Eke6AU5RxDHutM7KQ7q931rafcpi98Aw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCIH7w9axCuR+5DAm8yX8JVJ9s3cnepp5BJI6Z6YryWpoqAh9aXS1VCdzcywKM20iNaWnJSnfX1Y3+b+uBrYAT6wNq"}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"ltebean","email":"yucong1118@gmail.com"},"maintainers":[{"name":"ltebean","email":"yucong1118@gmail.com"}]},"0.2.0":{"name":"tabs","version":"0.2.0","description":"pure javascript implementation that quickly makes the markup tabbable","main":"index.js","directories":{"test":"test"},"scripts":{},"repository":{"type":"git","url":"git@github.com:ltebean/tabs.git"},"keywords":["tabs","tabbable","browser","tab"],"author":{"name":"ltebean"},"license":"MIT","bugs":{"url":"https://github.com/ltebean/tabs/issues"},"homepage":"https://github.com/ltebean/tabs","_id":"tabs@0.2.0","dist":{"shasum":"470f6f2fa5466064eb1a9501d74c16a883cfbfda","tarball":"https://registry.npmjs.org/tabs/-/tabs-0.2.0.tgz","integrity":"sha512-q6mo8KWq/Zi+zGR3ZvGq6S6ckc3JNbGRGtAwIhtnp2GlS1goTqFnWX3MkyDKYSQuzwBqBAy2fYGHQI+3HMnXZQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBFmMPPnO0QrSrXQk83rbk13FG6JLblhaFp28VloWkT/AiBiKLbF2+DxVw/6MZj8W9LISlKvG4eOldi7LzYQEcszHQ=="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"ltebean","email":"yucong1118@gmail.com"},"maintainers":[{"name":"ltebean","email":"yucong1118@gmail.com"}]}},"readme":"##Usage:\n\t\nFirst you should build the markup as follows, 'tab' and 'tab-pane' are required, use them to indicate which are tabs and content panes. \n\n```html\n<div class=\"tab-container\">\n\t<div class=\"tabs\">\n\t\t<a class=\"tab active\">Home</a>\n\t\t<a class=\"tab\">Profile</a>\n\t\t<a class=\"tab\">Messages</a>\n\t</div>\n\t<div class=\"tab-panes\">\n\t\t<div class=\"tab-pane active\">home</div>\n\t\t<div class=\"tab-pane\">profile</div>\n\t\t<div class=\"tab-pane\" >message</div>\n\t</div>\n</div>\n```\n\nAnd with the styles that hides the non-active tab pane\n\n```css\n.tab-panes .tab-pane{\n\tdisplay: none\n}\n.tab-panes .active{\n\tdisplay: block\n}\n```\n\nFinally makes the markup tabbable. After a tab is clicked, the 'active' class will be added to the corresponding tab:\n\n```javascript\n//commonjs\nvar tabs = require('tabs');\n\n//or directly include the script and 'tabs' will be global\n\n// make it tabbable!\nvar container=document.querySelector('.tab-container')\ntabs(container);\n```\n##Example:\n\t\nSee http://ltebean.github.io/tabs","maintainers":[{"name":"ltebean","email":"yucong1118@gmail.com"}],"time":{"modified":"2022-06-27T03:30:56.615Z","created":"2014-06-19T09:07:10.331Z","0.1.0":"2014-06-19T09:07:10.331Z","0.1.1":"2014-06-19T09:10:12.930Z","0.1.2":"2014-06-19T14:32:43.491Z","0.1.3":"2014-06-19T14:35:32.741Z","0.2.0":"2014-07-07T12:31:06.780Z"},"homepage":"https://github.com/ltebean/tabs","keywords":["tabs","tabbable","browser","tab"],"repository":{"type":"git","url":"git@github.com:ltebean/tabs.git"},"author":{"name":"ltebean"},"bugs":{"url":"https://github.com/ltebean/tabs/issues"},"license":"MIT","readmeFilename":"README.md","users":{"esundahl":true,"romanenko":true}}