Question

I will like to have my default link show as active when entering the site. can CSS do that? I already us css for my links. would Jquery be good (new to jquery)?

UPDATED:

something is not working in my code, can some one take a took at this link and tell me what i did wrong? http://jsfiddle.net/2VnXD/7/

Answer 1

Create an active css class and give your default link that class:

HTML:

<a href="#">test 1</a>
<a href="#" class="active">test 2</a>
<a href="#">test 3</a>​

CSS:

.active{
 border: 1px dashed blue;
 background-color: #eee;   
}
a{
    padding: 5px;
}
a:hover{ /*Simple Hover effect*/
 border: 1px solid red;
 color: green;    
}

EXAMPLE

Also, since you said you were fairly new to jQuery, here’s a simple example of handling the switching between the links:

$("a").on("click", function(){
   $(".active").removeClass("active");
   $(this).addClass("active");
});​