I'm trying to add an active state on my imgs/buttons. I have a hover effect as follows:

2. $(document).ready(function(){   
3. $(".folio,.services,.contact,.about").fadeTo("fast",0.5);
4. $(".folio,.services,.contact,.about").hover(
5.         function() {$(this).fadeTo("fast",1);},
6.         function() {$(this).fadeTo("fast",0.5);});
7. $(".folio,.services,.contact,.about").click(function(){
8. if($(".active").length) {
9. $(".active").removeClass("active");
10. $(this).addClass("active");
11. } else {
12. $(this).addClass("active")};});
13. $(".active").fadeTo("fast",1);
14. });

The hover works, and so does the "active" on/off, but not the opacity setting on the "active" class.

Any ideas? TIA.