Always show vertical tabs button(menu) links

Created on 26 March 2012, about 13 years ago
Updated 3 June 2025, 2 days ago

Exist vertical tabs based on Javascript. When JS off, it is collapsible elements only. Missing the buttons (menu) links. This isn't a vertical tabs pattern. Suggest always output html code for the button links, it's few benefits:

  • use anchor URL jump to right content on JS off
  • less JS code, better Performance
  • use CSS3 to style the vTabs by default (work on JS off). There also a solution on IE 7+, eg: http://css-tricks.com/examples/CSSTabs/#box1
  • enhance: tabs highlighting on href="#Menu-settings" anchor URL. (better SEO too)
  • D8 / Users may delay script loading / re-order the JS to footer,better UX at first glance.

Cons:

  • a little bit more HTML output (menu links)
Feature request
Status

Postponed: needs info

Version

11.0 🔥

Component

CSS

Created by

🇭🇰Hong Kong droplet

Live updates comments and jobs are added and updated live.
  • CSS

    It involves the content or handling of Cascading Style Sheets.

  • Needs issue summary update

    Issue summaries save everyone time if they are kept up-to-date. See Update issue summary task instructions.

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024