First link highlighted on home page only.
Basically, I want to set it up for auto highlighting for the setlink nav, but I also want for the first link in the setlink nav to be highlighted when the page loads, or when a tab is clicked. What would be the best way to go about this? This is what I have:
- <div id="container">
- <div id="tabs">
- <ul>
- <li><a href="#aset"><span>Set A</span></a></li>
- <li><a href="#bset"><span>Set B</span></a></li>
- </ul>
- <div id="aset" class="tabs-container">
- <div id="innercontainer">
- <div class="smallcontainer">
- <ul>
- <li><div class="setdata">Data 1.</div></li>
- </ul>
- <ul>
- </div>
- <div id="setlink">
- <a href="#aoneday">1 day</a> | <a href="#afiveday">5 day</a> | <a href="#aonemo">1 month</a>
- </div>
- <div class="setimg">
- <div id="chartmain"><img src="img/a1day.png" border="0"/></div>
- <div id="aoneday"><img src="img/a1day.png"></div>
- <div id="afiveday"><img src="img/a2day.png"></div>
- <div id="aonemo"><img src="img/a1mo.png"></div>
- </div>
- <div class="blink">
- <a href="next.html" target="_blank"><img src="img/blink.jpg" border="0" /></a>
- </div>
- </div>
- </div>
- <div id="bset" class="tabs-container">
- <div id="innercontainer">
- <div class="smallcontainer">
- <ul>
- <li><div class="setdata">Data 2.</div></li>
- </ul>
- </div>
- <div id="setlink">
- <a href="#boneday">1 day</a> | <a href="#bfiveday">5 day</a> | <a href="#bonemo">1 month</a>
- </div>
- <div class="setimg">
- <div id="chartmain"><img src="img/b1day.png" border="0"/></div>
- <div id="boneday"><img src="img/b1day.png"></div>
- <div id="bfiveday"><img src="img/b2day.png"></div>
- <div id="bonemo"><img src="img/b1mo.png"></div>
- </div>
- <div class="blink">
- <a href="next.html" target="_blank"><img src="img/blink.jpg" border="0" /></a>
- </div>
- </div>
- </div>
- </div>
- </div>
Any advice is appreciated!