Skrypt menu - mały problem Opcje

[Isuu]

Witam wszystkich użytkowników forum. Mam taki problem, napisałem skrypt do mojego menu na stronie, wszystko działa tylko nie wiem jak zrobić, żeby po kliknięciu w któryś z 4 elementów ten kliknięty robił się jako aktywny (czcionka na czarno i podkreślenie grubsze). Oto skrypt, pomożecie?

[PHP] pobierz, plaintext 
<script type="text/javascript">
		var $j = jQuery.noConflict();
	$j(document).ready(function(){
		$j("#about-button").hover(function(){ 
			$j(this).animate({ 
				opacity: 1.0,
				borderBottom: "5px solid #23bd05"
			}, 200 );
 
 
 
			$j("#home-button").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
			$j("#portfolio").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
			$j("#blog").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
		});
	});
</script>
<script type="text/javascript">
var $j = jQuery.noConflict();
	$j(document).ready(function(){
		$j("#portfolio").hover(function(){ 
			$j(this).animate({ 
				opacity: 1.0,
				borderBottom: "5px solid #23bd05"
 
			}, 200 );
 
 
 
			$j("#home-button").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
			$j("#about-button").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
			$j("#blog").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
		});
	});
</script>
<script type="text/javascript">
var $j = jQuery.noConflict();
	$j(document).ready(function(){
		$j("#blog").hover(function(){ 
			$j(this).animate({ 
				opacity: 1.0,
				borderBottom: "5px solid #23bd05"
 
			}, 200 );
 
 
 
			$j("#home-button").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
			$j("#about-button").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
			$j("#portfolio").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
		});
	});
</script>
<script type="text/javascript">
var $j = jQuery.noConflict();
	$j(document).ready(function(){
		$j("#home-button").hover(function(){ 
			$j(this).animate({ 
				opacity: 1.0,
				borderBottom: "5px solid #23bd05"
 
			}, 200 );
 
 
 
			$j("#portfolio").animate({ 
				opacity: 0.5,
				borderBottom: "1px solid #cdcccc"
			}, 50 );
 
			$j("#about-button").animate({ 
				opacity: 0.5,
				borderBottom: "1px solid #cdcccc"
			}, 50 );
 
			$j("#blog").animate({ 
				opacity: 0.5,
				borderBottom: "1px solid #cdcccc"
			}, 50 );
 
		});
	});
</script>
[PHP] pobierz, plaintext 

[kamil4u]

Za pomocą JS odczytujesz adres aktualnej strony i np. jak znajduje się tam ciąg "about" to pogrubiasz element "o mnie", itd.

Ale mimo wszystko poprawniej to zrobić w PHP - na tej samej zasadzie