Search code examples
javascripthtmlcssjquery-uijquery-tabs

HTML/JavaScript tabs graceful degrade


Trying to find a good solution for tabbed based navigation on a website that I'm building. Currently I'm using jquery ui tabs but don't like the default behavior when it degrades with JavaScript turned off. Was wondering what some good solutions for this might be. I'm more than open to any solution and I'm comfortable with the relavant technologies. Website is being built in c# mvc3.


Solution

  • The simplest solution would be to simply link to separate files, e.g. :

    <ul>
         <li href="index.html">Home</li>
         <li href="about.html">About</li>
         ...
    </ul>
    

    And style them to look like tabs.

    Alternatively, you could design something simple, and then add a stylesheet through Javascript for users that have it.