{"id":21413431,"url":"https://github.com/intera/jquery.stepper","last_synced_at":"2025-07-14T03:31:09.906Z","repository":{"id":5373650,"uuid":"6560805","full_name":"Intera/jquery.stepper","owner":"Intera","description":"Shows DOM elements sequentially.","archived":false,"fork":false,"pushed_at":"2016-07-26T11:35:32.000Z","size":18,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-04T08:51:21.524Z","etag":null,"topics":["javascript","jquery","stepper"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"c5sire/datacheck","license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Intera.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-11-06T11:09:32.000Z","updated_at":"2020-08-04T15:11:47.000Z","dependencies_parsed_at":"2022-07-08T00:09:03.358Z","dependency_job_id":null,"html_url":"https://github.com/Intera/jquery.stepper","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Intera/jquery.stepper","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Intera%2Fjquery.stepper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Intera%2Fjquery.stepper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Intera%2Fjquery.stepper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Intera%2Fjquery.stepper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Intera","download_url":"https://codeload.github.com/Intera/jquery.stepper/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Intera%2Fjquery.stepper/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265237696,"owners_count":23732514,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["javascript","jquery","stepper"],"created_at":"2024-11-22T18:18:25.523Z","updated_at":"2025-07-14T03:31:09.624Z","avatar_url":"https://github.com/Intera.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# jquery.stepper\nShows DOM-elements sequentially with forward and back buttons and events.\n\n# Features\n- Arbitrary DOM-elements can be configured as a series and displayed sequentially\n- Automatic Forward/back-button hiding/display and events for the first and last page\n- Events before and after step switch, for example to set different headings per step or other custom actions\n- Unlimited number of steppers per page\n- Steps can be shared between series and multiple stepper instances\n- Series configuration can optionally be made with CSS-classes alone\n- Show/hide of one or multiple elements per step\n- No encapsulating Container necessary\n- Step switch Animation\n\n# Dependencies\n- jQuery\n\n# Usage\nThe default is to use elements with class ``step`` in the order defined by additional classes ``stepN``. For example ``step1``, ``step2``, et cetera\nElements with the class \"nextStep\" or \"prevStep\" get the corresponding button-functionality\n\n## Example\n```javascript\n$(function () {\n\tvar stepper = $('#stepper').stepper()\n\tstepper.showStep(1)\n})\n```\n\nAn example stepper container HTML-structure with a series of steps configured using CSS-classes:\n\n```css\n  #stepper\n    .step.step1\n      .nextStep\n    .step.step2\n      .prevStep\n      .nextStep\n    .step.step3\n      .nextStep\n    ...\n```\n\n# Options\n|optionName|description|optionValue|\n----|----|----\n|stepConfig|To set step containers and order manually|{stepNumber: jqueryObject, ...}|\n|animation|Animation when changing steps|jQuery animation name|\n|animationSpeed|Millisecond duration for the animation|integer|\n|onStepChange|Must return a true value, otherwise the step change is aborted. Example use case: validation.|function(from, to, stepper, nextStep)|\n|onAfterStepChange|Called after the next step element has been displayed|function(from, to, stepper, nextStep)|\n|forwardButton|For retrieving the forwardButton by jQuery-selector, jQuery-object or function|string, jQuery, function(step)|\n|backButton|For retrieving the backButton by jQuery-selector, jQuery-object or function|string, jQuery, function(step)|\n|autoHideBackForward|If true, hides the back button on the first step and the forward button on the last step. The default is \"true\"|boolean|\n\n# Methods\n- showStep(number, boolean) - if the second argument is a true value, then the onStepChange and onAfterStepChange events are not triggered\n- hideAll()\n- showFirstStepThatContains(selector)\n- nextStep()\n- prevStep()\n- get(number)\n- disableButtonEvents()\n- enableButtonEvents()\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fintera%2Fjquery.stepper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fintera%2Fjquery.stepper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fintera%2Fjquery.stepper/lists"}