{"id":16232163,"url":"https://github.com/ryanfitzgerald/faq-generator","last_synced_at":"2026-02-09T20:35:18.136Z","repository":{"id":99021277,"uuid":"70647703","full_name":"RyanFitzgerald/faq-generator","owner":"RyanFitzgerald","description":"Automatic FAQ JavaScript Generator","archived":false,"fork":false,"pushed_at":"2016-10-19T00:10:24.000Z","size":102,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-30T00:41:57.694Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://ryanfitzgerald.github.io/faq-generator/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RyanFitzgerald.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-10-12T00:48:16.000Z","updated_at":"2022-06-29T20:22:13.000Z","dependencies_parsed_at":"2023-06-29T19:00:56.407Z","dependency_job_id":null,"html_url":"https://github.com/RyanFitzgerald/faq-generator","commit_stats":{"total_commits":7,"total_committers":1,"mean_commits":7.0,"dds":0.0,"last_synced_commit":"a7529481507e5578ec2b83ffe16cc83e728c5ee7"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/RyanFitzgerald/faq-generator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanFitzgerald%2Ffaq-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanFitzgerald%2Ffaq-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanFitzgerald%2Ffaq-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanFitzgerald%2Ffaq-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RyanFitzgerald","download_url":"https://codeload.github.com/RyanFitzgerald/faq-generator/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanFitzgerald%2Ffaq-generator/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29280223,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-09T19:05:41.198Z","status":"ssl_error","status_checked_at":"2026-02-09T19:05:37.449Z","response_time":56,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-10T13:08:16.161Z","updated_at":"2026-02-09T20:35:18.085Z","avatar_url":"https://github.com/RyanFitzgerald.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FAQ Generator\n\nFAQ Generator is a jQuery-based plugin that allows you to easily generate a user-friendly method to display FAQs.\n\n## Installation \u0026 Setup\n\nAll the installation that is required is simply including the compiled CSS and JS files in your document:\n\n```html\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"path/to/faq-generator.css\"\u003e\n...\n\u003cscript src=\"text/css\" href=\"path/to/faq-generator.min.js\"\u003e\u003c/script\u003e\n```\n\nFAQ Generator will now be available on every page it is included on.\n\nThe HTML structure is to have an unordered list with a list element for every question / answer pair. Inside each list element, there are 2 divs, the first for the question and the second for the answer. An example structure is as follows:\n\n```HTML\n\u003cul id=\"faq-list\"\u003e\n\t\u003cli\u003e\n\t\t\u003cdiv\u003e\n\t\t\tThis is a question\n\t\t\u003c/div\u003e\n\t\t\u003cdiv\u003e\n\t\t\tThis is an answer\n\t\t\u003c/div\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\t\u003cdiv\u003e\n\t\t\tThis is a question\n\t\t\u003c/div\u003e\n\t\t\u003cdiv\u003e\n\t\t\tThis is an answer\n\t\t\u003c/div\u003e\n\t\u003c/li\u003e\n\u003c/ul\u003e\n```\n\n## Demo\n\nA demo can be found [here](http://ryanfitzgerald.github.io/faq-generator/demo.html).\n\n## Configuration\n\nThe follow properties are available for FAQ Generator upon initialization:\n\n Property | Description | Default\n -------- | ----------- | -------\n theme | selects a theme for the generator; 'basic' or 'material' are currently available themes | none\n limitOne | whether or not only one FAQ answer can be open at once | false\n startOpen | whether or not all answers start open | false\n icon | whether or not you want the generated icon to show | false\n\nExample usage:\n\n```HTML\n\u003cul id=\"faq-list\"\u003e\n\t\u003cli\u003e\n\t\t\u003cdiv\u003e\n\t\t\tThis is a question\n\t\t\u003c/div\u003e\n\t\t\u003cdiv\u003e\n\t\t\tThis is an answer\n\t\t\u003c/div\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\t\u003cdiv\u003e\n\t\t\tThis is a question\n\t\t\u003c/div\u003e\n\t\t\u003cdiv\u003e\n\t\t\tThis is an answer\n\t\t\u003c/div\u003e\n\t\u003c/li\u003e\n\u003c/ul\u003e\n```\n\n```js\n$(\"#faq-list\").faqGenerator({\n\ttheme: \"basic\",\n\tlimitOne: true,\n\tstartOpen: false,\n\ticon: true\n});\n```\n\n## Customization\n\nThe base styling that comes with the plugin can be easily customized.\n\nThe followed classes are available:\n\n Class Name | Description\n ---------- | -----------\n .faqgen | Wraps the entire FAQ list (applied to ul element)\n .faqgen-item | Wraps each question / answer pair (applied to li elements)\n .faqgen-question | Wraps each question (applies to first div within each li)\n .faqgen-answer | Wraps each answer (applies to second div within each li)\n .facgen-icon | Genereated icon in each Question header if icon = true on initialization\n \n## Adding Themes\n\nThemes can be easily added by defining new CSS rules with a theme name. The theme is applied directly to the ul element, so define any themes in relation to that element and the elements listed in the table above.\n\nTo get an idea of how a theme could be generated, take a look at the sass file for this project.\n\n## License\n\nMIT License (see LICENSE.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryanfitzgerald%2Ffaq-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fryanfitzgerald%2Ffaq-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryanfitzgerald%2Ffaq-generator/lists"}