Place the plugin's JavaScript file gridtab.js after jQuery library but before you close the body. Create your grid / tab content using HTML description list tags: dl, dt and dd. Responsive Layout with jQuery Mobile Three Column Grid Layout Fixed Header and Footer RequireJS. Following example demonstrates the use of custom responsive grid in the jQuery Mobile. The multi-toggle responsive navigation on smaller screens is similar to nested accordions, the user touches primary level parent item to reveal list under it and when the screen is big enough vertical toggle menu changes to horizontal drop down. The basic grid style can be easily extended to the custom responsive layout using media queries in CSS. Import the required style sheet gridtab.css as this: Дў. A tutorial about creating Multilevel Toggle (accordion) Responsive Navigation Menu using jQuery. Gridtab is a tiny jQuery plugin for creating responsive grid or tab layouts which allow the user to expand / hide web content by clicking on their corresponding grid/tab items.

Jquery moblie nested responsive grids