-
Notifications
You must be signed in to change notification settings - Fork 0
/
params.json
1 lines (1 loc) · 2.86 KB
/
params.json
1
{"name":"Accordion","tagline":"The Small and Simple Accordion","body":"# Welcome\r\n\r\nsometime you may need a simple and small accordion. you don't want to add big script to your project and create the hell of unused code!\r\nyou don't need callback function, events, cache and so on...\r\n\r\nyes you find the smallest accordion. the min size of jquery script is 218 bytes!\r\nThank you to choose this simple and small accordion.\r\n\r\nUse this accordion is too easy, just make the template and call the accordion function.\r\n\r\n## HTML markup code: (this is a template)\r\n <div class=\"va-accordion\">\r\n <span>Accordion Main Header</span>\r\n <h2>Section Header 1</h2>\r\n <div class=\"va-accordion-open\">\r\n Content (include any HTML markup)\r\n <br />\r\n Hello world!\r\n </div>\r\n <h2>Section Header 2</h2>\r\n <div class=\"va-accordion-close\">\r\n Content (include any HTML markup)\r\n <br />\r\n Hello world!\r\n </div>\r\n <h2>Section Header 3</h2>\r\n <div class=\"va-accordion-close\">\r\n Content (include any HTML markup)\r\n <br />\r\n Hello world!\r\n </div>\r\n </div>\r\n\r\n### Rules:\r\n* Accordion main header must be simple span.\r\n* Section header must be one of header element (h1, h2, h3, ...)\r\n* Section content must be div element\r\n\r\n## CSS and Style:\r\nUse css to make a better view.\r\nCSS class used:\r\n\r\n**.va-accordion>span**\r\n\r\nMake style for Accordion Header\r\n\r\n\r\n\r\n**.va-accordion>h1, .va-accordion>h2, .va-accordion>h3**\r\n\r\nApply style for Section Header\r\n\r\n\r\n\r\n**.va-accordion>h1::before, .va-accordion>h2::before, .va-accordion>h3::before**\r\n\r\nAdd some character icon before the Section Header (like triangle or something like that)\r\n\r\n\r\n\r\n**.va-accordion>h1:hover, .va-accordion>h2:hover, .va-accordion>h3:hover**\r\n\r\nMake hover effect for Section Header\r\n\r\n\r\n\r\n**.va-accordion>div**\r\n\r\nGeneral style for Section Content\r\n\r\n\r\n\r\n**.va-accordion-open**\r\n\r\n**.va-accordion-close**\r\n\r\nSimple way to Show and Hide the Section Content on initializing.\r\n\r\n\r\n\r\n## Script:\r\nok, everything we need are ready, add the script to your page and call the accordion function like this:\r\n(you need add the jquery also)\r\n\r\n <script src=\"Media/Script/jquery-1.9.1.min.js\" type=\"text/javascript\"></script>\r\n <script src=\"Media/Script/vania.accordion.js\" type=\"text/javascript\"></script>\r\n <script type=\"text/javascript\">\r\n $(document).ready(function () {\r\n accordion();\r\n });\r\n </script>\r\n\r\n\r\n\r\nCongratulation process done!\r\n\r\nBe happy, Be Lucky.","google":"UA-219132-15","note":"Don't delete this file! It's used internally to help with page regeneration."}