Responsive tabs-to-accordion script without jQuery, written using pure JavaScript

Dmitriy Kudleichuk

Last update: Dec 20, 2022

Related tags

Learning resource vanilla-tabs-js

Overview

vanilla-tabs

Responsive tabs-to-accordion script without jQuery, written using pure JavaScript

Author

Dmytro Kudleichuk

LinkedIn GitHub

Online Demo

See demo here and sources here

Getting Started

Load stylesheet and script file

... ">



	...
	


	...

Markup

Put here any content for a first tab

Put here any content for a second tab

Put here any content for a third tab


	Put here any content for a first tab
	Put here any content for a second tab
	Put here any content for a third tab

License

Feel free to use it on your projects without any restrictions

Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo

img-lightbox Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo Demo codepen jsfiddle jsbin

Jun 13, 2022

A jquery plugin that makes images truly responsive, without sacrificing anyone's face. Give it more stars!

Responsify.js A jquery plugin that makes images truly responsive, without sacrificing anyone's face :D When images are used in a responsive container

Dec 14, 2022

Display an image in a responsive imagebox without jQuery.

Documentation ImageBox latest version 1.3.0 Include this files: link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/tobiasroeder/[email protected]/d

Aug 31, 2021

Javascript accordion - tiny and simple.

Javascript Accordion Javascript accordion - tiny and simple. Accordions are useful when you want to toggle between hiding and showing large amount of

Dec 8, 2022

A jQuery tabs module for todays web!

tabulous.js A jQuery tabs module for todays web! Documentation Tabulous.js can be used with any contents you choose in the tabs and it couldn't be mor

Dec 4, 2022

jQuery tabs plugin

English description | Описание на русском jQuery tabs plugin. Easy and well done tabs with many options and skin support Version: 1.0.2 Project page a

Nov 27, 2022

Chrome style tab-resizing for jQuery UI tabs

stretchy tabs Chrome style tab-resizing for jQuery UI tabs stretchy tabs provides methods for adding and removing tabs ##Initialize stretchy tabs $( "

Nov 19, 2021

Script to fetch all NFT owners using moralis API. This script output is a data.txt file containing all owner addresses of a given NFT and their balances.

🔎 Moralis NFT Snapshot Moralis NFT API will only return 500 itens at a time when its is called. For that reason, a simple logic is needed to fetch al

Jun 23, 2022

Dynamic, fast, accessible & zero dependency accordion for React

React Fast Accordion ⚡️ Dynamic, fast, accessible & zero dependency accordion for React How it's fast? Instead of adding event listener on all the ite

Oct 8, 2022

Comments

Bug: Chrome For Android Not Switching To Accordian?

Testing this on an Android smartphone with Chrome browser, it didn't display as accordion,on 360 wide viewport, seemed to work on newer iPhones OK, but problem on Android.

opened by WebSpectrum 1
Bug In Chrome For Android

This might be a bug in Chrome for Android ? if you have a lot of tabs all of a sudden Chrome doesn't convert to accordion?:

[See here] (https://www.paulmaher.me.uk/tabs.php)

opened by WebSpectrum 0

Owner

Dmitriy Kudleichuk

WordPress Developer since 2010

GitHub

LiveTabs is a Javascript library that allows you to create and manage tabs on the fly. This library gives the ability to your application to act like browser tabs, making dynamic tabs.

LiveTabs Table of content Description Goals Technologies Setup Description LiveTabs is a Javascript library that allows you to create and manage tabs

3 May 3, 2022

jQuery Tabs Plugin. CSS Tabs with Accessible and Responsive Design. Lot of Tab Themes with Vertical and Horizontal Orientation.

Macaw Tabs Macaw Tabs is jQuery tabs plugin. It helps you to create accessible and responsive jQuery tabs by implementing the W3 design patterns for t

6 Dec 8, 2022

Accordion Slider is a jQuery plugin that combines the functionality of a slider with that of an accordion.

Accordion Slider - jQuery slider plugin A responsive and touch-enabled jQuery accordion slider plugin that combines the functionality of a slider with

0 Dec 29, 2022

Responsive Tabs is a jQuery plugin that provides responsive tab functionality.

Responsive Tabs is a jQuery plugin that provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for displaying tabs elegantly on desktop, tablet and mobile.

537 Dec 8, 2022

jQuery plugin to show a tabs bar for navigation. The tabs can be defined once, and shared across multiple HTML pages.

jquery.simpletabs v1.2.3 The jquery.simpletabs plugin shows a tabs bar for navigation. The tabs can be defined once, and shared across multiple HTML p

1 Feb 23, 2022

Accordion Plugin written in Vanilla JavaScript.

Easy Accordion Accordion plugin written purely in JavaScript. Setup So, to start using the Easy Accordion plugin in your project, you can include the

1 Dec 16, 2020

LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.

LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, vid

7.1k Jan 2, 2023

Responsive tabs-to-accordion script without jQuery, written using pure JavaScript

Related tags

Overview

vanilla-tabs

Author

Online Demo

Getting Started

Markup

License

You might also like...

Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo

A jquery plugin that makes images truly responsive, without sacrificing anyone's face. Give it more stars!

Display an image in a responsive imagebox without jQuery.

Javascript accordion - tiny and simple.

A jQuery tabs module for todays web!

jQuery tabs plugin

Chrome style tab-resizing for jQuery UI tabs

Script to fetch all NFT owners using moralis API. This script output is a data.txt file containing all owner addresses of a given NFT and their balances.

Dynamic, fast, accessible & zero dependency accordion for React

Comments

Bug: Chrome For Android Not Switching To Accordian?

Bug In Chrome For Android

Owner

Dmitriy Kudleichuk

LiveTabs is a Javascript library that allows you to create and manage tabs on the fly. This library gives the ability to your application to act like browser tabs, making dynamic tabs.

jQuery Tabs Plugin. CSS Tabs with Accessible and Responsive Design. Lot of Tab Themes with Vertical and Horizontal Orientation.

Accordion Slider is a jQuery plugin that combines the functionality of a slider with that of an accordion.

Responsive Tabs is a jQuery plugin that provides responsive tab functionality.

jQuery plugin to show a tabs bar for navigation. The tabs can be defined once, and shared across multiple HTML pages.

Accordion Plugin written in Vanilla JavaScript.

Basic, accessible, responsive and freely restyleable tabs.

Just a jQuery accordion plugin

jQuery plugin that combines the functionality of a grid with that of an accordion.