The CodePen demo doesn't work in IE < 11 - yet, the plugin does. This is a simple, responsive accordion table created with pure CSS. A simple and lightweight responsive menu plugin. Choosing the right menu for your site is challenging - there's a lot of decisions to make!. See the Pen Swanky Pure CSS Drop Down Menu V2. It has the appearance of a regular table until you view it from a mobile device, in which it looks like a menu. They offer to enhance any web page or application, while making every feature mobile-responsive. As always, the source code for all these menus is free and available for download. Responsive (everything goes down to one row each), too. Bootstrap Hamburger menu is a navigation with additional hamburger looks-like icon which activates hidden menu elements in Navbar or Sidenav. Made by Matthew Scott October 28, 2016. The best free tabs snippets available. By default, the plugin has no options, not. control label, a style can be applied to all radio button labels upon interacting with the accordion. Another pure CSS method of creating an accordion is through radio inputs. Of course this isn't what form elements were originally intended to do so there may well be some concerns, most likely around accessibility but I believe these can be addressed with good use of ARIA attributes so do make use of them. IMAGE: Codepen by Jon Yablonski Image Accordion with Radio Buttons. Great way to get started and practice some ES6, however at the end of this brief guide I was left with only one list item, so I had some fun digging around to figure out how to render a full list of question and answers. Responsive (everything goes down to one row each), too. Tabbed navigations are very useful when you need to organize a considerable amount of side content. ” So what I would love to know is actually a question that is near and dear to my heart, which is the balance and the trade-offs between responsive and adaptive. Made by Matthew Scott October 28, 2016. With responsive design being all the rage these days though you're faced with some new challenges when creating a menu design. See the Pen CSS Accordion Menu by Creaticode (@Creaticode) on CodePen. codepen See the Pen qrEvGM by Mustafa (@shadowman86) on CodePen. HTML CSS Resume Templates - Are you looking for HTML CSS Resume Templates, If yes then in this post I am going to share hand-picked HTML CSS Resume Templates for you. css responsive animated accordion effect with responsive web design that only use css and html these according menu effect css responsive animated. Navbars are responsive 'meta' components that serve as navigation headers for your application or site. What if you need a multi-level navigation? In most cases, you design a drop-down menu using unordered lists. As you may noticed a few days ago we released a tutorial about How to Create an Accordion Menu in Pure CSS3. Navbar manages the entire part of the website and makes a user-friendly and understanding. Angular Material. It's very common to use tabs in a product page, for information like delivery options, product material info etc. Great way to get started and practice some ES6, however at the end of this brief guide I was left with only one list item, so I had some fun digging around to figure out how to render a full list of question and answers. Bootstrap navbar is a responsive navigation bar having the functionality of collapsing and toggling according to the screen size (viewport). Miscellaneous, Responsive. Skeleton is a collection of CSS files for web designers who need to rapidly produce responsive grid layouts. Another use of tabs is in dashboards, where users need a quick way to switch from one. Configuring the "responsive" aspect of the menu. Lightweight, Custom coded navigation Build with HTML5, CSS3, jQuery provide a modern app-style navigation look in your website. Responsive (everything goes down to one row each), too. Gone are the days when you had to be tied to a desk chair. Below you'll see the finished result, which you can fork on Codepen. Further explanation: tap menu icon, top level nav items appear (vertical list). Vue-Responsive Is a directive to use responsive breakpoints on html elements. Angular Material. Dependencies: Only Vue. Responsive menu headers are covered by Bootstrap's navbar component so you can design and use a neat navigation bar that looks great on smaller screens such as smart phones and tablets. The CodePen demo doesn't work in IE < 11 - yet, the plugin does. Collection of Accordion effects for Drop Down Menus, Image Sliders, Nav Menus, and much more, all made in CSS in several styles and with varying degrees of complexity. advise me on how to better do it and not fake it. About HTML Preprocessors. Materialize is a Responsive CSS Framework based on Google's Material Design Language. This is a free tool and all the code you generate can be used without any license issues. It has the appearance of a regular table until you view it from a mobile device, in which it looks like a menu. ” Karen: You’re like, “I am in charge here. These buttons only let the user select one item at a time so they can be programmatically re-designed into an accordion setup. Great way to get started and practice some ES6, however at the end of this brief guide I was left with only one list item, so I had some fun digging around to figure out how to render a full list of question and answers. Have It Your Way with Foundation's Modular Responsive Navigation Learn how to create responsive menus that are tuned for every device. Now on the latest Bootstrap 4. Responsive (everything goes down to one row each), too. Using CSS for responsive table layouts instead of floats. A simple and lightweight responsive menu plugin. In this tutorial I'm going to show you how to create Responsive Pure CSS Tabs. It only takes 100 meter to LDP highway. See the Pen Pure CSS Horizontal Accordion by Ren Aysha on CodePen. accordions content panels for presenting information in a limited amount of space. That gives us responsive tables! See the Pen Responsive Tables (Collapse) by CSS-Tricks (@css-tricks) on CodePen. Further explanation: tap menu icon, top level nav items appear (vertical list). By default, the plugin has no options, not. This plugin supports an infinite level of submenus without any fuss and is suited for all kinds of screen sizes including desktop, tablets and mobile devices. https://www. Acts as an affordance to indicate the functionality of the accordion, as well as a visual marker of the state of the accordion through its rotation and direction. Responsive (everything goes down to one row each), too. See Headers for all available variations. 12 Simple Pure CSS Slider If you are looking for CSS slider , then you are right to be here, this post will help you to find the best alternative for image or content slider plugins that will work fine without JavaScript enabled. A fun light animation made from Bryan's personal brand. I found the easiest thing to do was just write a bit of Javascript to create the select list from the tabs themselves and then use media queries to show/hide the tabs or. Another pure CSS method of creating an accordion is through radio inputs. the content container was falling off the side and to the bottom. Flexbox Grid. Animated Gradient Logo by Bryan Braun. They offer to enhance any web page or application, while making every feature mobile-responsive. (@sdras) on CodePen. All of the HTML and CSS resume templates below look fantastic as is, but with a little bit of creative CSS styling, you will be able to design something truly unique and personal that will present your work and education. Angular Material. Below you will find free and premium accordion, tabs made to implement on your website. Futhermore it only takes 5 minutes to the most well-known shopping mall such as IKEA, IKANO, One Utama and The Curve by driving. A simple and responsive card UI component made with Vue. Follow along as we start from scratch and code a simple but effective responsive navigation menu that you can easily modify and reuse in your own projects. Many navigation menus (especially responsive ones) are created using a combination of HTML, CSS and Javascript. Accordion menu with CSS and. Have you ever created a parallax scrolling website and wanted to make it responsive but didn't know how? Is your page working beautifully on desktops but is completely unusable on mobile and tablet devices? The first thing we'll need to do is to include enquire. ” So what I would love to know is actually a question that is near and dear to my heart, which is the balance and the trade-offs between responsive and adaptive. Zozo Tabs is a user-friendly, fully customizable, responsive jQuery tabs plugin to take any HTML content, including images, video, forms, maps, image slider and galleries and display it in a clean organised and responsive tabbed navigation. See the Pen Teaching: Retrofitting a Table by Ben Callahan (@bencallahan) on CodePen. CSS Accordion. See the Pen Pure CSS Horizontal Accordion by Ren Aysha on CodePen. We welcome beginners and veterans alike to contribute useful and informative posts, ask questions or engage in discussion. All of the HTML and CSS resume templates below look fantastic as is, but with a little bit of creative CSS styling, you will be able to design something truly unique and personal that will present your work and education. It was created in CSS and HTML, and it can be fully editable to make it more beautiful, and to better integrate it on your website, blog or mobile app. In this tutorial I'm going to show you how to create Responsive Pure CSS Tabs. Bootstrap Accordion Menu Codepen. Compared to most of the carousel plug-in, terseBanner deleted a lot of impractical or rarely used features, only to retain the most commonly used, easy to use, functional, to meet the needs of the vast majority of sites Support ie8 browser, support touch. As a business owner, this can drastically improve your quality of life. How To Create A Responsive Navigation Menu Using Only CSS. These buttons only let the user select one item at a time so they can be programmatically re-designed into an accordion setup. Vue-Responsive Is a directive to use responsive breakpoints on html elements. Responsive web design is broken down into three main components, including flexible layouts, media queries, and flexible media. In my case, the client wanted the Quick Tabs turned into a select list on mobile. Angular Material. 3b) Collapsing to Tabs or Accordions. Bootstrap navbar: 7 Responsive menu demos with code The navbar in Bootstrap Generally, you require a top bar also called the navigation bar or header or top menu in your website that contains main links to the other parts of the website. I have uninstalled Bootstrap Carousel and need a link to download the latest version. The CSS is somewhat different, mainly because in this case the tabs are not placed vertically but horizontally. Skeleton is a collection of CSS files for web designers who need to rapidly produce responsive grid layouts. Navbars are responsive 'meta' components that serve as navigation headers for your application or site. In my case, the client wanted the Quick Tabs turned into a select list on mobile. Responsive Tables Demo. See the Pen Pure CSS Responsive Menu by Christopher Murphy on CodePen. 28 July 2017 A cool Accordion component written in VueJS and GSAP. As a business owner, this can drastically improve your quality of life. Another pure CSS method of creating an accordion is through radio inputs. So chances are high that many retirement savers have access to Vanguard funds in their 401(k) plans. Love the carousel and it looks great on my website. The main idea is to expand the accordion slices on click and show some more information. See the Pen Pure CSS Responsive Table. It only takes 100 meter to LDP highway. It is usually, but not necessarily, located in the left side (hidden) of the screen and it is shown when an user triggers a button. (@sdras) on CodePen. Configuring the "responsive" aspect of the menu. It's a conversation window between the user and the app or website. Stellarnav is an elegant, responsive and lightweight jQuery plugin for converting an unordered list into a dropdown menu plugin. Futhermore it only takes 5 minutes to the most well-known shopping mall such as IKEA, IKANO, One Utama and The Curve by driving. A little HTML , CSS knowledge is required to grab the free ones listed below to implement them freely on your new website. How to make an accordion menu with jQuery no Plugins. accordion ul li declaration is calculated based on a formula containing the original dimensions of the image and the number of images in the slider. Accordion designs, themes, templates and downloadable graphic. More than just a grid system, Skeleton also offers a few basic features for dealing with common web layout tasks such as a CSS reset for normalizing your CSS. Have you ever created a parallax scrolling website and wanted to make it responsive but didn't know how? Is your page working beautifully on desktops but is completely unusable on mobile and tablet devices? The first thing we'll need to do is to include enquire. i did screen media query to fix it for now. accordion:focus-within. I will also compare Materialize with other popular CSS frameworks like Foundation and Boot. In this tutorial I will explain what material design is and then we will build a portfolio website using Materialize. I had a responsive design defect with mini laptops whose max resolution is 1024. A Directive and Mixin for responsive handling with vue. Responsive Tables Demo. See the Pen Teaching: Retrofitting a Table by Ben Callahan (@bencallahan) on CodePen. A grid system based on the flex display property. Sometimes you need something and you end up writing your own custom CSS and JavaScript without even realizing that Bootstrap could have done it for you. About HTML Preprocessors. 0 by jcoulterdesign (@jcoulterdesign) on CodePen. A great list of 20 creative HTML/CSS/ Bootstrap search bar design for your inspiration. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. However, I have a question about optimizing the images for the mobile responsive view. control label, a style can be applied to all radio button labels upon interacting with the accordion. Collection of Accordion effects for Drop Down Menus, Image Sliders, Nav Menus, and much more, all made in CSS in several styles and with varying degrees of complexity. Also don't forget to check Chris's tutorial, you can find a link to that at the top of this post, and also if you have any question or suggestions. Modern CSS3. Flexbox Grid. by Andor Nagy on CodePen. It is usually, but not necessarily, located in the left side (hidden) of the screen and it is shown when an user triggers a button. Collection of free HTML and CSS accordions: Accordions are elements used to expand and collapse content. Configuring the "responsive" aspect of the menu. Accordion Slider is a fully responsive jQuery based slider. Responsive tables are wrapped automatically in a div. This is a very handy. The generated accordion slider is pure CSS and HTML and there is no JavaScript. It's a conversation window between the user and the app or website. ’s where you have questions and answers. Located in the right center of town. CSS Accordion. The Accordion widget contains several panels displayed one under another. accordion ul li declaration is calculated based on a formula containing the original dimensions of the image and the number of images in the slider. Follow along as we start from scratch and code a simple but effective responsive navigation menu that you can easily modify and reuse in your own projects. Using CSS for responsive table layouts instead of floats. 100+ pre-made sliders with super easy one click installation!. We can find many special effects made for html websites with the help of jquery and css. Translucent is a minimal slider design that does a great job pushing the content to the front. by Andor Nagy on CodePen. Another use of tabs is in dashboards, where users need a quick way to switch from one. I had a responsive design defect with mini laptops whose max resolution is 1024. It was created in CSS and HTML, and it can be fully editable to make it more beautiful, and to better integrate it on your website, blog or mobile app. advise me on how to better do it and not fake it. Looking for an accordion slider? Then Unleash is what you want! Packed with features, this beautiful slider is one of the best accordion sliders you'll find. If you are looking for some CSS buttons to use in a website project, here are 20 cool and modern CSS buttons that will save you time and effort in creating effective buttons that improves the user experience. Why Responsive Tables are Important for WordPress Websites The image above shows what happens when a non-responsive table is viewed on a mobile device. A little HTML , CSS knowledge is required to grab the free ones listed below to implement them freely on your new website. Ben brings responsive web design to an old staple: the table. React component to wrap content in fully responsive Accordion element. Radio Accordions. This was the best method I could come up with when I first started creating responsive websites: p { font-size: 16px; } @media (min-width: 800px) { p { font-size: 18px; } } /* Repeat for h1 - h6 and other type groups */ I've learned a lot more about. accordions content panels for presenting information in a limited amount of space. com/watch?v=Min5XJlyPI4Video can't be loaded: LATE MOTIV - Berto Romero. A fun light animation made from Bryan's personal brand. Below you will find free and premium accordion, tabs made to implement on your website. A simple accordion menu that looks great in any project. A Draw panel or sidebar menu is a navegation panel that, in most of the cases, will show navigation options for a visitor in a webpage. Responsive menu in pure CSS Having menus that gracefully adapt to the size of your screen can be troublesome. Below you will find free and premium accordion, tabs made to implement on your website. About HTML Preprocessors. They offer to enhance any web page or application, while making every feature mobile-responsive. In this tutorial I will explain what material design is and then we will build a portfolio website using Materialize. Bootstrap navbar: 7 Responsive menu demos with code The navbar in Bootstrap Generally, you require a top bar also called the navigation bar or header or top menu in your website that contains main links to the other parts of the website. In the beginning, these menus would collapse on mobile devices and will be only accessible by clicking on a button. Coming Soon Plugin, tabs plugin, accordion plugin etc. All of the HTML and CSS resume templates below look fantastic as is, but with a little bit of creative CSS styling, you will be able to design something truly unique and personal that will present your work and education. Across every breakpoint, use responsive for horizontally scrolling tables. Like others, it's touch-friendly, responsive, and leverages hardware acceleration. 100+ pre-made sliders with super easy one click installation!. accordion ul li declaration is calculated based on a formula containing the original dimensions of the image and the number of images in the slider. Collection of free HTML and CSS accordions: Accordions are elements used to expand and collapse content. This was the best method I could come up with when I first started creating responsive websites: p { font-size: 16px; } @media (min-width: 800px) { p { font-size: 18px; } } /* Repeat for h1 - h6 and other type groups */ I've learned a lot more about. As always, the source code for all these menus is free and available for download. The first part, flexible layouts, is the practice of building the layout of a website with a flexible grid, capable of dynamically resizing to any width. Do you (or anyone) have any examples of a responsive site, where the mobile navigation includes both accordion and side swipe interactions? Basically a combination of the multi-toggle and the ol' left-to-right. These panels can be collapsed or expanded by an end user, which makes this widget very useful for presenting information in a limited amount of space. The slider can be used as a gallery, product tour, portfolio showcase, content slider etc. 15 html5 css3 accordion tabs jquery has become very popular and by default most modern browsers allow jquery code to run on them without any issues. This beautiful image accordion uses the same radio button method, but instead of labels, the developer here used the figcaption HTML tag to accomplish the accordion behaviour. How to make an accordion menu with jQuery no Plugins. Here we go again with another roundup of some premium HTML navigation bar menu designs. control label, a style can be applied to all radio button labels upon interacting with the accordion. A simple and lightweight responsive menu plugin. See Headers for all available variations. But what do you do to make it usable on small and / or cursorless scree. A quick and dirty look at some techniques for designing responsive table layouts. A simple solution for creating a pure CSS accordion with a CSS transition on the panel height, achieved by setting “max-height” of the accordion panel instead of “height”. Design elements using Bootstrap, javascript, css, and html. Responsive carousel slider Responsive carousel slider BY Mustafa. Responsive tables are wrapped automatically in a div. It is usually, but not necessarily, located in the left side (hidden) of the screen and it is shown when an user triggers a button. Compared to most of the carousel plug-in, terseBanner deleted a lot of impractical or rarely used features, only to retain the most commonly used, easy to use, functional, to meet the needs of the vast majority of sites Support ie8 browser, support touch. by Andor Nagy on CodePen. Zozo Tabs is a user-friendly, fully customizable, responsive jQuery tabs plugin to take any HTML content, including images, video, forms, maps, image slider and galleries and display it in a clean organised and responsive tabbed navigation. A great list of 20 creative HTML/CSS/ Bootstrap search bar design for your inspiration. Accordion menu with CSS and. A grid system based on the flex display property. Whether browsing a web or mobile page, we can easily find the triple bar icon usually located at the top left corner of the UI. Responsive Background Video. the width-680 class seems not responsive. August 15, 2017 | Carousel, Plugins, Responsive TerseBanner is a jQuery carousel plugin. Responsive modifiers enable specifying different column sizes, offsets. the content container was falling off the side and to the bottom. See the Pen Animated Gradient Logo by Bryan Braun (@bryanbraun) on CodePen. A simple solution for an accordion menu using vanilla javascript and some CSS3 properties. Add Multiple items per Slide in Bootstrap Carousel. Responsive Tables Demo. This beautiful image accordion uses the same radio button method, but instead of labels, the developer here used the figcaption HTML tag to accomplish the accordion behaviour. See the Pen Teaching: Retrofitting a Table by Ben Callahan (@bencallahan) on CodePen. However, I have a question about optimizing the images for the mobile responsive view. Make Bootstrap 3 Tabs Responsive - Stack Overflow. CodePen Details Cards Against Humanity Play Games Movies Movie Posters Art Logos Coding Plays Actually, I was creating a codepen logo using css but after playing with codepen, my idea raise again. Materialize is a Responsive CSS Framework based on Google's Material Design Language. Accordion menu with CSS and. Below you will find free and premium accordion, tabs made to implement on your website. Supports Chrome 4+, Safari 4+, Opera 10. ’s where you have questions and answers. Drop-Down Navigation: Responsive and Touch-Friendly 2 Apr, 2013. A bordered table with striped rows. These panels can be collapsed or expanded by an end user, which makes this widget very useful for presenting information in a limited amount of space. The main idea is to expand the accordion slices on click and show some more information. A little HTML , CSS knowledge is required to grab the free ones listed below to implement them freely on your new website. Responsive (everything goes down to one row each), too. I'm going to go over how to style the menu, using media queries and how to make the hamburger button toggle the menu. Another pure CSS method of creating an accordion is through radio inputs. HTML preprocessors can make writing HTML more powerful or convenient. Why Responsive Tables are Important for WordPress Websites The image above shows what happens when a non-responsive table is viewed on a mobile device. Ben brings responsive web design to an old staple: the table. by Andor Nagy on CodePen. This gives users a clue that they are interacting with a single control now (indicating to use the Arrow keys instead of Tab to navigate through accordion items). Many navigation menus (especially responsive ones) are created using a combination of HTML, CSS and Javascript. Do you (or anyone) have any examples of a responsive site, where the mobile navigation includes both accordion and side swipe interactions? Basically a combination of the multi-toggle and the ol' left-to-right. CodePen Details Cards Against Humanity Play Games Movies Movie Posters Art Logos Coding Plays Actually, I was creating a codepen logo using css but after playing with codepen, my idea raise again. Offers a title summarizing the content and affords functionality via optional actions. 5+, Firefox 4+ and IE9+. See Headers for all available variations. The Accordion widget contains several panels displayed one under another. The best free tabs snippets available. Drop-Down Navigation: Responsive and Touch-Friendly 2 Apr, 2013. Also don't forget to check Chris's tutorial, you can find a link to that at the top of this post, and also if you have any question or suggestions. Vue-Responsive Is a directive to use responsive breakpoints on html elements. React component to wrap content in fully responsive Accordion element. Choosing the right menu for your site is challenging - there's a lot of decisions to make!. A simple solution for creating a pure CSS accordion with a CSS transition on the panel height, achieved by setting “max-height” of the accordion panel instead of “height”. This mega menu mainly powered by Bootstrap framework and jQuery that comes with smooth CSS transitions and animations, best for content heavy websites. Follow along as we start from scratch and code a simple but effective responsive navigation menu that you can easily modify and reuse in your own projects. Skeleton is a collection of CSS files for web designers who need to rapidly produce responsive grid layouts. ReactScript Makes it easier to preview and download ReactJS and React Native components. In my case, the client wanted the Quick Tabs turned into a select list on mobile. In this tutorial we will be creating a basic responsive navigation menu with dropdown using only HTML and CSS. Responsive tables are wrapped automatically in a div. In this tutorial I'm going to show you how to create Responsive Pure CSS Tabs. See the Pen Teaching: Retrofitting a Table by Ben Callahan (@bencallahan) on CodePen. A simple solution for an accordion menu using vanilla javascript and some CSS3 properties. You don't have to compromise with the design, as the slider has touch support for the best possible user experience. Responsive. Responsive css tabs codepen thiswomancodes how to build a full screen responsive carousel slider with owl js part 2 bootstrap 4 vs foundation 6 responsive navigation. We welcome beginners and veterans alike to contribute useful and informative posts, ask questions or engage in discussion. Located in the right center of town. 3b) Collapsing to Tabs or Accordions. Why Responsive Tables are Important for WordPress Websites The image above shows what happens when a non-responsive table is viewed on a mobile device. Responsive tables allow tables to be scrolled horizontally with ease. All of the HTML and CSS resume templates below look fantastic as is, but with a little bit of creative CSS styling, you will be able to design something truly unique and personal that will present your work and education. Button is meant to direct users into taking the action you want them to take. See the Pen Swanky Pure CSS Drop Down Menu V2. Accordion menu with CSS and. The best free tabs snippets available. This beautiful image accordion uses the same radio button method, but instead of labels, the developer here used the figcaption HTML tag to accomplish the accordion behaviour. The slider can be used as a gallery, product tour, portfolio showcase, content slider etc. x Lorem ipsum dolor sit amet, magna ante erat lacinia integer nunc amet, dolorem donec id convallis sit. i added some bootstrap classes to control the positioning and my sample page is ready. control label, a style can be applied to all radio button labels upon interacting with the accordion. And now on to a few examples. This plugin supports an infinite level of submenus without any fuss and is suited for all kinds of screen sizes including desktop, tablets and mobile devices. The main idea is to expand the accordion slices on click and show some more information. These panels can be collapsed or expanded by an end user, which makes this widget very useful for presenting information in a limited amount of space. With responsive design being all the rage these days though you're faced with some new challenges when creating a menu design. 28 July 2017 A cool Accordion component written in VueJS and GSAP. Across every breakpoint, use responsive for horizontally scrolling tables. August 15, 2017 | Carousel, Plugins, Responsive TerseBanner is a jQuery carousel plugin. That's not necessarily a problem, but you end up spending extra. See the Pen Pure CSS Responsive Menu by Christopher Murphy on CodePen. In the beginning, these menus would collapse on mobile devices and will be only accessible by clicking on a button. Responsive modifiers enable specifying different column sizes, offsets. Is there a way to have separate smaller images to display on mobile devices?. Inspired by the collapsible menu of Bootstrap , here is a pure CSS implementation using the checkbox trick to toggle visibility. This was put together in haste (and with the aid of Twitter Bootstrap) for What Do You Know Brisbane hosted by Web Directions. · CSS Grid Editor · CSS Grid Editor is the final answer to all layout hacks and (most) inconveniences. Love the carousel and it looks great on my website. Because sometimes it's nice to have a chance to let the view do resolution specific things. Many navigation menus (especially responsive ones) are created using a combination of HTML, CSS and Javascript. Written by Christopher Murphy — January 23, 2016. This mega menu mainly powered by Bootstrap framework and jQuery that comes with smooth CSS transitions and animations, best for content heavy websites. Button is meant to direct users into taking the action you want them to take. Responsive. As this pure CSS3 Accordion Menu will not work on all browsers because the :target selector in not supported in the oldest browsers we decided to create a jQuery version of this menu.