Forums

soap

This is probably a stupidly easy thing to do but I never really figured it out.

What's an easy way (not necessarily with jQuery) to have nav tabs be in a certain "on" state depending on which page you're on?

Here's an example: http://www.dribbble.com/

Possibly done easily with PHP? I'm not so good with PHP but am a fast learner and willing to learn.

Thanks for any help!!

jamy_za

You could have something like this:
about.html

&lt;body class=&quot;about&quot;&gt;
&lt;ul&gt;
    &lt;li class=&quot;home&quot;&gt;&lt;a href=&quot;home&#46;html&quot;&gt;home&lt;/a&gt;&lt;/li&gt;
    &lt;li class=&quot;contact&quot;&gt;&lt;a href=&quot;home&#46;html&quot;&gt;home&lt;/a&gt;&lt;/li&gt;
    &lt;li class=&quot;about&quot;&gt;&lt;a href=&quot;home&#46;html&quot;&gt;home&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/body&gt;

The CSS

ul li{background&#58; red;}
body&#46;home ul li&#46;home {background&#58; green;}
body&#46;contact ul li&#46;contact {background&#58; green;}
body&#46;about ul li&#46;about {background&#58; green;}

Where <body class="about"> is changed depending what page you are on

soap

Very belated thanks jamy_za.

I look at this post I wrote in July and it's so trivial to me, haha.

I was such a noob.

treehouse : what would you like to learn today?

Forums

jQuery navigation tabs